chore: 组件国际化

package.json

@@ -80,6 +80,7 @@
     "@vee-validate/zod": "^4.9.3",
     "@vueuse/core": "^10.1.2",
     "axios": "^1.4.0",
+    "dayjs": "^1.11.7",
     "element-plus": "^2.3.4",
     "pinia": "^2.0.36",
     "veboundary": "1.2.2",

pnpm-lock.yaml

@@ -16,6 +16,9 @@ dependencies:
   axios:
     specifier: ^1.4.0
     version: 1.4.0
+  dayjs:
+    specifier: ^1.11.7
+    version: 1.11.7
   element-plus:
     specifier: ^2.3.4
     version: 2.3.4(vue@3.3.2)

src/App.vue

@@ -1,12 +1,31 @@
 <script setup lang="ts">
 import {RouterView} from 'vue-router';
-import {defineOptions} from 'vue';
+import {ElConfigProvider} from 'element-plus';
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs';
+import ko from 'element-plus/dist/locale/ko.mjs';
+import {useI18n} from 'vue-i18n';
+import dayjs from 'dayjs';
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/ko';
+import {watchSyncEffect} from 'vue';
 
 defineOptions({
   name: 'App',
 });
+
+const {locale} = useI18n();
+
+watchSyncEffect(function() {
+  if (locale.value === 'zh') {
+    dayjs.locale('zh-cn');
+  } else {
+    dayjs.locale('ko');
+  }
+});
 </script>
 
 <template>
-  <RouterView />
+  <ElConfigProvider :locale="locale === 'zh' ? zhCn : ko">
+    <RouterView />
+  </ElConfigProvider>
 </template>

src/env.d.ts

@@ -13,3 +13,13 @@ declare namespace NodeJS {
     readonly IS_E2E: 'true' | undefined;
   }
 }
+declare module 'element-plus/dist/locale/zh-cn.mjs' {
+  const zhCn: any;
+  export default zhCn;
+}
+
+
+declare module 'element-plus/dist/locale/ko.mjs' {
+  const ko: any;
+  export default ko;
+}

src/styles/variable.css

@@ -3,4 +3,3 @@
   --accent-color: #fcaf17;
   --el-tag-bg-color: var(--primary-color);
 }
-