i18n-dashboard 0.1.0

package/package.json

@@ -0,0 +1,89 @@
+{
+  "name": "i18n-dashboard",
+  "version": "0.1.0",
+  "description": "A web dashboard to manage vue-i18n translation keys with database persistence",
+  "type": "module",
+  "bin": {
+    "i18n-dashboard": "./bin/cli.mjs"
+  },
+  "scripts": {
+    "dev": "nuxt dev --port 3333",
+    "build": "nuxt build",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare",
+    "start": "node bin/cli.mjs start",
+    "start:detach": "node bin/cli.mjs start --detach",
+    "stop": "node bin/cli.mjs stop",
+    "init": "node bin/cli.mjs init",
+    "sync": "node bin/cli.mjs sync"
+  },
+  "dependencies": {
+    "@nuxt/ui": "^3.3.7",
+    "@vitalets/google-translate-api": "^9.2.1",
+    "bcryptjs": "^2.4.3",
+    "commander": "^13.1.0",
+    "knex": "^3.1.0",
+    "nodemailer": "^6.10.1",
+    "nuxt": "^3.21.1",
+    "vue": "^3.5.13"
+  },
+  "optionalDependencies": {
+    "better-sqlite3": "^11.8.1",
+    "mysql2": "^3.13.0",
+    "pg": "^8.14.0"
+  },
+  "peerDependencies": {
+    "vue-i18n": ">=9.0.0"
+  },
+  "peerDependenciesMeta": {
+    "vue-i18n": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "files": [
+    "assets/",
+    "bin/",
+    "components/",
+    "composables/",
+    "consts/",
+    "enums/",
+    "interfaces/",
+    "layouts/",
+    "middleware/",
+    "pages/",
+    "plugins/",
+    "server/",
+    "services/",
+    "types/",
+    "utils/",
+    "app.vue",
+    "nuxt.config.ts",
+    "tsconfig.json",
+    "i18n-dashboard.config.example.js"
+  ],
+  "author": "i18n-dashboard contributors",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/arnaudprioul/i18n-dashboard.git"
+  },
+  "homepage": "https://github.com/arnaudprioul/i18n-dashboard#readme",
+  "bugs": {
+    "url": "https://github.com/arnaudprioul/i18n-dashboard/issues"
+  },
+  "keywords": [
+    "vue",
+    "vue-i18n",
+    "i18n",
+    "translations",
+    "dashboard",
+    "localization"
+  ],
+  "license": "MIT",
+  "devDependencies": {
+    "@iconify-json/heroicons": "^1.2.3",
+    "@types/node": "^25.3.5"
+  }
+}

package/pages/index.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="p-6">
+    <DashboardWidgetGrid />
+  </div>
+</template>

package/pages/login.vue

@@ -0,0 +1,74 @@
+<template>
+  <UCard class="w-full max-w-md">
+    <template #header>
+      <div class="flex items-center gap-3">
+        <div class="w-10 h-10 rounded-xl bg-primary-500 flex items-center justify-center shrink-0">
+          <UIcon name="i-heroicons-language" class="text-white text-lg" />
+        </div>
+        <div>
+          <h1 class="text-lg font-bold text-gray-900 dark:text-white">i18n Dashboard</h1>
+          <p class="text-xs text-gray-400">{{ t('login.title', 'Log in') }}</p>
+        </div>
+      </div>
+    </template>
+
+    <form class="space-y-4" @submit.prevent="handleLogin">
+      <UFormField :label="t('login.email', 'Email')" required>
+        <UInput
+          v-model="form.email"
+          type="email"
+          placeholder="admin@example.com"
+          class="w-full"
+          autocomplete="email"
+          autofocus
+        />
+      </UFormField>
+
+      <UFormField :label="t('login.password', 'Password')" required>
+        <UInput
+          v-model="form.password"
+          type="password"
+          placeholder="••••••••"
+          class="w-full"
+          autocomplete="current-password"
+        />
+      </UFormField>
+
+      <p v-if="error" class="text-sm text-red-500 bg-red-50 dark:bg-red-900/20 rounded-lg px-3 py-2">
+        <UIcon name="i-heroicons-exclamation-circle" class="inline mr-1" />
+        {{ error }}
+      </p>
+
+      <UButton type="submit" block :loading="loading" class="mt-2">
+        {{ t('login.submit', 'Sign in') }}
+      </UButton>
+    </form>
+  </UCard>
+</template>
+
+<script setup lang="ts">
+definePageMeta({ layout: 'auth' })
+
+const router = useRouter()
+const { login } = useAuth()
+const { t } = useT()
+
+const form = ref({ email: '', password: '' })
+const loading = ref(false)
+const error = ref('')
+
+async function handleLogin() {
+  if (!form.value.email || !form.value.password) return
+  loading.value = true
+  error.value = ''
+  try {
+    await login(form.value.email, form.value.password)
+    await clearNuxtData('auth-status')
+    await router.push('/')
+  } catch (e: any) {
+    error.value = e.data?.message || t('login.error', 'Invalid credentials')
+  } finally {
+    loading.value = false
+  }
+}
+</script>