feat(main.ts): 全局注册i18n国际化插件

src/main.ts

@@ -1,19 +1,28 @@
 import {createApp, Directive} from 'vue'
 import App from './App.vue'
-import router from "./router";
+import router from "@/router";
-import '@/styles/index.scss'
+
 import {store} from "@/store";
+import Pagination from '@/components/Pagination/index.vue'
+
+import {localStorage} from "@/utils/storage";
+import 'virtual:svg-icons-register';
+import '@/permission'
 import ElementPlus from 'element-plus'
 import 'element-plus/theme-chalk/index.css'
-import locale from 'element-plus/lib/locale/lang/zh-cn'
-import {Local} from "@/utils/storage";
-import 'virtual:svg-icons-register';
 
 // @see https://blog.csdn.net/qq_37213281/article/details/121422027
 import * as ElIconModules from '@element-plus/icons'
-import '@/permission'
 
-import Pagination from '@/components/Pagination/index.vue'
+// 国际化
+import i18n from "@/lang/index";
+import locale from 'element-plus/lib/locale/lang/zh-cn'
+
+
+// 自定义样式
+import '@/styles/index.scss'
+
+// 全局方法
 import {listDictsByCode} from '@/api/system/dict'
 
 const app = createApp(App)
@@ -21,7 +30,6 @@ const app = createApp(App)
 // 自定义指令
 import * as directive from "@/directive";
 
-
 Object.keys(directive).forEach(key => {
     app.directive(key, (directive as { [key: string]: Directive })[key]);
 });
@@ -37,5 +45,6 @@ app.config.globalProperties.$listDictsByCode = listDictsByCode
 app.component('Pagination', Pagination) // 全局组件
     .use(store)
     .use(router)
-    .use(ElementPlus, {locale: locale, size: Local.get('size')||'small'})
+    .use(ElementPlus, {size: localStorage.get('size') || 'small'})
+    .use(i18n)
     .mount('#app')