@uipkge/nuxt 0.1.26 → 0.1.33

package/bin/cli.mjs

@@ -18,152 +18,91 @@ function exists(file) {
   return fs.existsSync(path.join(TARGET_DIR, file))
 }
 
-console.log('\n🚀 Setting up @uipkge/nuxt in', TARGET_DIR, '\n')
+console.log('\n🚀 @uipkge/nuxt setup\n')
 
 if (isInstalled) {
-  console.log('📦 @uipkge/nuxt already built, skipping build step')
+  console.log('📦 Package ready')
 } else {
-  console.log('📦 Building @uipkge/nuxt...')
+  console.log('📦 Building package...')
   run('npm run build', { cwd: PKG_DIR })
 }
 
-// 2. Install @nuxtjs/i18n
 console.log('\n📥 Installing @nuxtjs/i18n...')
 run('npm install @nuxtjs/i18n@latest', { cwd: TARGET_DIR })
 
-// 3. Link local @uipkge/nuxt only if not already installed
 if (!isInstalled) {
-  console.log('\n🔗 Linking @uipkge/nuxt...')
   run('npm link', { cwd: PKG_DIR })
   run('npm link @uipkge/nuxt', { cwd: TARGET_DIR })
 }
 
-// 4. Create i18n folder structure (inside app/ for Nuxt 4 compatibility)
-const i18nDir = path.join(TARGET_DIR, 'app/i18n/locales')
-if (!fs.existsSync(i18nDir)) {
-  console.log('\n📁 Creating i18n folders...')
-  fs.mkdirSync(i18nDir, { recursive: true })
-}
+const nuxtConfigPath = path.join(TARGET_DIR, 'nuxt.config.ts')
 
-// 5. Create i18n.config.ts
-const i18nConfigPath = path.join(TARGET_DIR, 'app/i18n/i18n.config.ts')
-if (!exists('app/i18n/i18n.config.ts')) {
-  console.log('📝 Creating i18n.config.ts...')
-  fs.writeFileSync(i18nConfigPath, `export default defineI18nConfig(() => ({
-  numberFormats: {
-    en: { currency: { style: 'currency', currency: 'USD' } },
-    es: { currency: { style: 'currency', currency: 'EUR' } },
-    fr: { currency: { style: 'currency', currency: 'EUR' } },
-    ar: { currency: { style: 'currency', currency: 'SAR' } },
-    he: { currency: { style: 'currency', currency: 'ILS' } },
-    de: { currency: { style: 'currency', currency: 'EUR' } },
-  },
-  datetimeFormats: {
-    en: { short: { year: 'numeric', month: 'short', day: 'numeric' } },
-    es: { short: { year: 'numeric', month: 'short', day: 'numeric' } },
-    fr: { short: { year: 'numeric', month: 'short', day: 'numeric' } },
-    ar: { short: { year: 'numeric', month: 'short', day: 'numeric' } },
-    he: { short: { year: 'numeric', month: 'short', day: 'numeric' } },
-    de: { short: { year: 'numeric', month: 'short', day: 'numeric' } },
-  },
-}))
-`)
-}
+const { createInterface } = await import('readline')
 
-// 6. Create locale files
-const locales = {
-  en: { nav_features: 'Features', nav_docs: 'Docs', nav_pricing: 'Pricing', hero_title: 'Translate faster, ship with confidence', hero_subtitle: 'i18now keeps your translations in sync as you code.', footer_tagline: 'Built for developers who ship fast.' },
-  es: { nav_features: 'Características', nav_docs: 'Docs', nav_pricing: 'Precios', hero_title: 'Traduce más rápido, envía con confianza', hero_subtitle: 'i18now mantiene tus traducciones sincronizadas.', footer_tagline: 'Construido para desarrolladores rápidos.' },
+function prompt(question) {
+  return new Promise(resolve => {
+    const rl = createInterface({ input: process.stdin, output: process.stdout })
+    rl.question(question, ans => { rl.close(); resolve(ans) })
+  })
 }
-for (const [code, messages] of Object.entries(locales)) {
-  const localePath = path.join(i18nDir, `${code}.json`)
-  if (!fs.existsSync(localePath)) {
-    const data = {
-      nav: { features: messages.nav_features, docs: messages.nav_docs, pricing: messages.nav_pricing },
-      hero: { title: messages.hero_title, subtitle: messages.hero_subtitle },
-      footer: { tagline: messages.footer_tagline }
-    }
-    fs.writeFileSync(localePath, JSON.stringify(data, null, 2))
-  }
+
+async function getInput(question, defaultValue) {
+  const answer = await prompt(question)
+  return answer.trim() || defaultValue
 }
 
-// 7. Update nuxt.config.ts
-const nuxtConfigPath = path.join(TARGET_DIR, 'nuxt.config.ts')
-console.log('\n⚙️  Updating nuxt.config.ts...')
+console.log('\n⚙️  i18now configuration:')
+
+const projectId = await getInput('Enter projectId (or press Enter to skip): ', '')
+const apiKey = await getInput('Enter apiKey (or press Enter to skip): ', '')
+
 const nuxtConfigContent = `export default defineNuxtConfig({
   compatibilityDate: '2025-07-15',
   devtools: { enabled: true },
   modules: ['@nuxtjs/i18n', '@uipkge/nuxt'],
   i18n: {
     defaultLocale: 'en',
-    locales: [
-      { code: 'en', file: 'en.json' },
-      { code: 'es', file: 'es.json' },
-      { code: 'fr', file: 'fr.json' },
-      { code: 'ar', file: 'ar.json' },
-      { code: 'he', file: 'he.json' },
-      { code: 'de', file: 'de.json' },
-    ],
-    langDir: 'app/i18n/locales/',
-    strategy: 'no_prefix',
-    detectBrowserLanguage: { useCookie: true, cookieKey: 'i18n_locale' },
-    vueI18n: './app/i18n/i18n.config.ts',
   },
   i18now: {
-    projectId: process.env.I18NOW_PROJECT_ID ?? '',
-    apiKey: process.env.I18NOW_API_KEY ?? '',
-    host: process.env.I18NOW_HOST ?? 'https://i18now.com',
-    cdnUrl: process.env.I18NOW_CDN_URL ?? 'https://cdn.i18now.com',
-    environment: process.env.I18NOW_ENV ?? 'dev',
-    syncIn: ['development'],
+    projectId: '${projectId}',
+    apiKey: '${apiKey}',
   },
 })
 `
 fs.writeFileSync(nuxtConfigPath, nuxtConfigContent)
 
-// 8. Create test page
 const pagesDir = path.join(TARGET_DIR, 'app/pages')
 if (!fs.existsSync(pagesDir)) {
   fs.mkdirSync(pagesDir, { recursive: true })
 }
 
-const indexPagePath = path.join(pagesDir, 'index.vue')
-if (!fs.existsSync(indexPagePath)) {
-  console.log('📄 Creating test page...')
-  fs.writeFileSync(indexPagePath, `<script setup>
-const { t, locale, setLocale, te, n, d } = useI18now()
-
-const locales = [
-  { code: 'en', label: 'English', flag: '🇬🇧' },
-  { code: 'es', label: 'Español', flag: '🇪🇸' },
-  { code: 'fr', label: 'Français', flag: '🇫🇷' },
-  { code: 'ar', label: 'العربية', flag: '🇸🇦' },
-  { code: 'he', label: 'עברית', flag: '🇮🇱' },
-  { code: 'de', label: 'Deutsch', flag: '🇩🇪' },
-]
-
-const dir = computed(() => {
-  try {
-    return new Intl.Locale(locale.value).textInfo?.direction ?? 'ltr'
-  } catch {
-    return 'ltr'
-  }
-})
+const testPagePath = path.join(TARGET_DIR, 'app/pages/i18now-test.vue')
+if (!fs.existsSync(testPagePath)) {
+  console.log('📄 Creating test page at /i18now-test...')
+  fs.writeFileSync(testPagePath, `<script setup>
+const { t, locale } = useI18now()
 </script>
 
 <template>
-  <div :dir="dir">
-    <h1>{{ t('hero.title', 'Hello World') }}</h1>
-    <p>{{ t('hero.subtitle', 'Welcome to i18now') }}</p>
-    <select v-model="locale">
-      <option v-for="l in locales" :key="l.code" :value="l.code">
-        {{ l.flag }} {{ l.label }}
-      </option>
+  <div style="padding: 20px; font-family: sans-serif; max-width: 600px;">
+    <h1>i18now Test Page</h1>
+    
+    <h2>Translation Keys (try adding new ones):</h2>
+    <p>{{ t('welcome_message', 'Welcome to i18now!') }}</p>
+    <p>{{ t('description', 'This is a test page for translations.') }}</p>
+    <p>{{ t('feature_sync', 'Key sync is enabled in development mode.') }}</p>
+    
+    <h2>Language Switcher:</h2>
+    <select v-model="locale" style="padding: 8px; margin: 10px 0;">
+      <option value="en">English</option>
+      <option value="es">Español</option>
     </select>
+    
+    <p><small>Current locale: {{ locale }}</small></p>
+    <p><small>Add new t() calls above to test key sync!</small></p>
   </div>
 </template>
 `)
 }
 
-console.log('\n✅ Setup complete!')
-console.log('Run: npm run dev\n')
+console.log('\n✅ Ready! Run: npm run dev\n')

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "0.1.26",
+  "version": "0.1.33",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipkge/nuxt",
-  "version": "0.1.26",
+  "version": "0.1.33",
   "license": "MIT",
   "type": "module",
   "bin": {