initHeader

frontend/src/languages/index.ts

@@ -0,0 +1,18 @@
+import { createI18n } from "vue-i18n";
+import { getBrowserLang } from "@/utils";
+
+import zh from "./modules/zh";
+import en from "./modules/en";
+
+const i18n = createI18n({
+  // Use Composition API, Set to false
+  allowComposition: true,
+  legacy: false,
+  locale: getBrowserLang(),
+  messages: {
+    zh,
+    en
+  }
+});
+
+export default i18n;

frontend/src/languages/modules/en.ts

@@ -0,0 +1,29 @@
+export default {
+  home: {
+    welcome: "Welcome"
+  },
+  tabs: {
+    refresh: "Refresh",
+    maximize: "Maximize",
+    closeCurrent: "Close current",
+    closeLeft: "Close Left",
+    closeRight: "Close Right",
+    closeOther: "Close other",
+    closeAll: "Close All"
+  },
+  header: {
+    componentSize: "Component size",
+    language: "Language",
+    theme: "theme",
+    layoutConfig: "Layout config",
+    primary: "primary",
+    darkMode: "Dark Mode",
+    greyMode: "Grey mode",
+    weakMode: "Weak mode",
+    fullScreen: "Full Screen",
+    exitFullScreen: "Exit Full Screen",
+    personalData: "Personal Data",
+    changePassword: "Change Password",
+    logout: "Logout"
+  }
+};

frontend/src/languages/modules/zh.ts

@@ -0,0 +1,29 @@
+export default {
+  home: {
+    welcome: "欢迎使用"
+  },
+  tabs: {
+    refresh: "刷新",
+    maximize: "最大化",
+    closeCurrent: "关闭当前",
+    closeLeft: "关闭左侧",
+    closeRight: "关闭右侧",
+    closeOther: "关闭其它",
+    closeAll: "关闭所有"
+  },
+  header: {
+    componentSize: "组件大小",
+    language: "国际化",
+    theme: "全局主题",
+    layoutConfig: "布局设置",
+    primary: "primary",
+    darkMode: "暗黑模式",
+    greyMode: "灰色模式",
+    weakMode: "色弱模式",
+    fullScreen: "全屏",
+    exitFullScreen: "退出全屏",
+    personalData: "个人信息",
+    changePassword: "修改密码",
+    logout: "退出登录"
+  }
+};