feat(国际化): 新增国际化-系统管理

vue/src/App.vue

@@ -1,31 +1,36 @@
 <template>
-  <div id="app" style="background-color:#0e2e87" v-if="$route.meta.bigScreen">
-    <router-view />
-  </div>
+    <div id="app" style="background-color: #0e2e87" v-if="$route.meta.bigScreen">
+        <router-view />
+    </div>
     <div id="app" v-else>
-    <router-view />
-    <theme-picker />
-  </div>
+        <router-view :key="language" />
+        <theme-picker />
+    </div>
 </template>
 
 <script>
-import ThemePicker from "@/components/ThemePicker";
+import ThemePicker from '@/components/ThemePicker';
 
 export default {
-  name: "App",
-  components: { ThemePicker },
+    name: 'App',
+    components: { ThemePicker },
     metaInfo() {
         return {
             title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
-            titleTemplate: title => {
-                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
-            }
-        }
-    }
+            titleTemplate: (title) => {
+                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE;
+            },
+        };
+    },
+    computed: {
+        language() {
+            return this.$store.state.settings.language;
+        },
+    },
 };
 </script>
 <style scoped>
 #app .theme-picker {
-  display: none;
+    display: none;
 }
 </style>