fix: change index.js like vue-i18n document

Author: Procrustes5

template/config/vue-i18n/src/i18n/en.json

@@ -0,0 +1,5 @@
+{
+  "messages": {
+    "hello": "Hello, {name}!"
+  }
+}

template/config/vue-i18n/src/i18n/index.js

@@ -1,15 +1,9 @@
 import { createI18n } from 'vue-i18n'
+import enUS from './en.json'
 
-const messages = {
-  en: {
-    // English Transtlations
+const i18n = createI18n({
+  locale: 'en-US',
+  messages: {
+    'en-US': enUS
   }
-}
-
-export default createI18n({
-  legacy: false,
-  globalInjection: true,
-  locale: 'en',
-  fallbackLocale: 'en',
-  messages
 })

template/tsconfig/vue-i18n/i18n.d.ts

@@ -0,0 +1,11 @@
+/**
+ * you need to import the some interfaces
+ */
+import { DefineLocaleMessage } from 'vue-i18n'
+
+declare module 'vue-i18n' {
+  // define the locale messages schema
+  export interface DefineLocaleMessage {
+    hello: string
+  }
+}

template/tsconfig/vue-i18n/tsconfig.i18n.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../base/tsconfig.app.json",
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vue-i18n.tsbuildinfo",
+    "types": ["i18n"]
+  },
+  "include": ["src/template/config/vue-i18n/**/*", "src/template/config/vue-i18n/**/*.json"]
+}