feat(projects): import i18n [引入i18n]

src/locales/i18n.ts

@@ -0,0 +1,22 @@
+import type { App } from 'vue';
+import { createI18n } from 'vue-i18n';
+import messages from './lang';
+import type { LocaleKey } from './lang';
+
+const i18n = createI18n({
+  locale: 'zh-CN',
+  fallbackLocale: 'en',
+  messages
+});
+
+export function setupI18n(app: App) {
+  app.use(i18n);
+}
+
+export function t(key: string) {
+  return i18n.global.t(key);
+}
+
+export function setLocale(locale: LocaleKey) {
+  i18n.global.locale = locale;
+}

src/locales/index.ts

@@ -0,0 +1 @@
+export * from './i18n';

src/locales/lang/en.ts

@@ -0,0 +1,21 @@
+import type { LocaleMessages } from 'vue-i18n';
+
+const locale: LocaleMessages<I18nType.Schema> = {
+  message: {
+    system: {
+      title: 'SoybeanAdmin'
+    },
+    routes: {
+      dashboard: {
+        dashboard: 'Dashboard',
+        analysis: 'Analysis',
+        workbench: 'Workbench'
+      },
+      about: {
+        about: 'About'
+      }
+    }
+  }
+};
+
+export default locale;

src/locales/lang/index.ts

@@ -0,0 +1,11 @@
+import zhCN from './zh-cn';
+import en from './en';
+
+const locales = {
+  'zh-CN': zhCN,
+  en
+};
+
+export type LocaleKey = keyof typeof locales;
+
+export default locales;

src/locales/lang/zh-cn.ts

@@ -0,0 +1,21 @@
+import type { LocaleMessages } from 'vue-i18n';
+
+const locale: LocaleMessages<I18nType.Schema> = {
+  message: {
+    system: {
+      title: 'Soybean管理系统'
+    },
+    routes: {
+      dashboard: {
+        dashboard: '仪表盘',
+        analysis: '分析页',
+        workbench: '工作台'
+      },
+      about: {
+        about: '关于'
+      }
+    }
+  }
+};
+
+export default locale;