feat: 添加vue-i18n

package-lock.json

@@ -29,6 +29,7 @@
         "path-to-regexp": "^6.2.0",
         "spark-md5": "^3.0.2",
         "vue": "^2.6.11",
+        "vue-i18n": "^8.28.2",
         "vue-router": "^3.2.0",
         "vue-seamless-scroll": "^1.1.23",
         "vuedraggable": "^2.24.3",
@@ -22674,6 +22675,11 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/vue-i18n": {
+      "version": "8.28.2",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-8.28.2.tgz",
+      "integrity": "sha512-C5GZjs1tYlAqjwymaaCPDjCyGo10ajUphiwA922jKt9n7KPpqR7oM1PCwYzhB/E7+nT3wfdG3oRre5raIT1rKA=="
+    },
     "node_modules/vue-loader": {
       "version": "15.10.1",
       "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-15.10.1.tgz",
@@ -41366,6 +41372,11 @@
       "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
       "dev": true
     },
+    "vue-i18n": {
+      "version": "8.28.2",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-8.28.2.tgz",
+      "integrity": "sha512-C5GZjs1tYlAqjwymaaCPDjCyGo10ajUphiwA922jKt9n7KPpqR7oM1PCwYzhB/E7+nT3wfdG3oRre5raIT1rKA=="
+    },
     "vue-loader": {
       "version": "15.10.1",
       "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-15.10.1.tgz",

package.json

@@ -31,6 +31,7 @@
     "path-to-regexp": "^6.2.0",
     "spark-md5": "^3.0.2",
     "vue": "^2.6.11",
+    "vue-i18n": "^8.28.2",
     "vue-router": "^3.2.0",
     "vue-seamless-scroll": "^1.1.23",
     "vuedraggable": "^2.24.3",

src/app.js

@@ -1,4 +1,7 @@
 import Vue from 'vue'
+import VueI18n from 'vue-i18n'
+import en from './assets/language/en'
+import zh from './assets/language/zh'
 
 import 'element-ui/lib/theme-chalk/index.css'
 import './scss/index.scss'
@@ -39,6 +42,16 @@ export default async function startApp (keycloak, auth) {
   }
   Vue.use(Element)
 
+  // 多语言配置
+  Vue.use(VueI18n)
+  const i18n = new VueI18n({
+    locale: 'en',
+    messages: {
+      zh, // 中文
+      en // 英文
+    }
+  })
+
   Vue.config.productionTip = false
   Vue.config.errorHandler = err => {
     closeLoading()
@@ -66,6 +79,7 @@ export default async function startApp (keycloak, auth) {
 
   new Vue({
     router,
+    i18n,
     store,
     render: h => h(App)
   }).$mount('#app')

src/assets/language/en.js

@@ -0,0 +1,7 @@
+const en = {
+    lang: "English",
+    home: {
+        title: "test English"
+    }
+}
+export default en

src/assets/language/zh.js

@@ -0,0 +1,7 @@
+const zh = {
+    lang: "中文",
+    home: {
+        title: "测试中文"
+    }
+}
+export default zh

yarn.lock

@@ -11600,6 +11600,11 @@
   "resolved" "https://registry.npmmirror.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz"
   "version" "2.3.4"
 
+"vue-i18n@^8.28.2":
+  "integrity" "sha512-C5GZjs1tYlAqjwymaaCPDjCyGo10ajUphiwA922jKt9n7KPpqR7oM1PCwYzhB/E7+nT3wfdG3oRre5raIT1rKA=="
+  "resolved" "https://registry.npmjs.org/vue-i18n/-/vue-i18n-8.28.2.tgz"
+  "version" "8.28.2"
+
 "vue-loader-v16@npm:vue-loader@^16.1.0":
   "integrity" "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA=="
   "resolved" "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz"