feat: initial setup and testing for i18n support in create-vue project

Author: Lingchen111

__test__/sortDependencies.spec.ts

@@ -21,6 +21,7 @@ describe('sortDependencies', () => {
         'eslint-plugin-cypress': '^2.15.1',
         'eslint-plugin-vue': '^9.17.0',
         vitest: '^0.34.6',
+        'vue-i18n': '^11.1.7',
       },
     }
     expect(sortDependencies(packageJson)).toStrictEqual({
@@ -41,6 +42,7 @@ describe('sortDependencies', () => {
         'start-server-and-test': '^2.0.1',
         vite: '^4.4.11',
         vitest: '^0.34.6',
+        'vue-i18n': '^11.1.7',
       },
     })
   })

index.ts

@@ -42,6 +42,7 @@ const FEATURE_FLAGS = [
   'eslint-with-prettier',
   'oxlint',
   'rolldown-vite',
+  'i18n',
 ] as const
 
 const FEATURE_OPTIONS = [
@@ -77,6 +78,10 @@ const FEATURE_OPTIONS = [
     value: 'prettier',
     label: language.needsPrettier.message,
   },
+  {
+    value: 'i18n',
+    label: language.needsVueI18n.message,
+  },
 ] as const
 const EXPERIMENTAL_FEATURE_OPTIONS = [
   {
@@ -176,6 +181,8 @@ Available feature flags:
     Add Vue Router for SPA development.
   --pinia
     Add Pinia for state management.
+  --i18n
+    Add Vue I18n for internationalization.
   --vitest
     Add Vitest for unit testing.
   --cypress
@@ -353,6 +360,7 @@ async function init() {
   const needsJsx = argv.jsx || features.includes('jsx')
   const needsRouter = argv.router || argv['vue-router'] || features.includes('router')
   const needsPinia = argv.pinia || features.includes('pinia')
+  const needsVueI18n = argv.i18n || features.includes('i18n')
   const needsVitest = argv.vitest || argv.tests || features.includes('vitest')
   const needsEslint = argv.eslint || argv['eslint-with-prettier'] || features.includes('eslint')
   const needsPrettier =
@@ -406,6 +414,9 @@ async function init() {
   if (needsPinia) {
     render('config/pinia')
   }
+  if (needsVueI18n) {
+    render('config/vue-i18n')
+  }
   if (needsVitest) {
     render('config/vitest')
   }
@@ -524,12 +535,20 @@ async function init() {
   render(`code/${codeTemplate}`)
 
   // Render entry file (main.js/ts).
-  if (needsPinia && needsRouter) {
+  if (needsPinia && needsRouter && needsVueI18n) {
+    render('entry/pinia-router-and-i18n')
+  } else if (needsRouter && needsVueI18n) {
+    render('entry/router-and-i18n')
+  } else if (needsPinia && needsVueI18n) {
+    render('entry/pinia-and-i18n')
+  } else if (needsPinia && needsRouter) {
     render('entry/router-and-pinia')
   } else if (needsPinia) {
     render('entry/pinia')
   } else if (needsRouter) {
     render('entry/router')
+  } else if (needsVueI18n) {
+    render('entry/i18n')
   } else {
     render('entry/default')
   }

locales/en-US.json

@@ -72,6 +72,9 @@
   "needsRolldownVite": {
     "message": "rolldown-vite (experimental)"
   },
+  "needsVueI18n": {
+    "message": "Add Vue I18n for internationalization?"
+  },
   "errors": {
     "operationCancelled": "Operation cancelled"
   },

locales/fr-FR.json

@@ -72,6 +72,9 @@
   "needsRolldownVite": {
     "message": "rolldown-vite (expérimental)"
   },
+  "needsVueI18n": {
+    "message": "Ajouter Vue I18n pour l'internationalisation\u00a0?"
+  },
   "errors": {
     "operationCancelled": "Operation annulée"
   },

locales/tr-TR.json

@@ -72,6 +72,9 @@
   "needsRolldownVite": {
     "message": "rolldown-vite (deneysel)"
   },
+  "needsVueI18n": {
+    "message": "Uluslararasılaştırma için Vue I18n eklensin mi?"
+  },
   "errors": {
     "operationCancelled": "İşlem iptal edildi"
   },

locales/zh-Hans.json

@@ -75,6 +75,9 @@
   "errors": {
     "operationCancelled": "操作取消"
   },
+  "needsVueI18n": {
+    "message": "是否引入 Vue I18n 用于国际化？"
+  },
   "defaultToggleOptions": {
     "active": "是",
     "inactive": "否"

locales/zh-Hant.json

@@ -72,6 +72,9 @@
   "needsRolldownVite": {
     "message": "rolldown-vite（試驗性功能）"
   },
+  "needsVueI18n": {
+    "message": "是否引入 Vue I18n 用於國際化？"
+  },
   "errors": {
     "operationCancelled": "操作取消"
   },