修改element-plus为中文

src/App.vue

@@ -1,6 +1,13 @@
 <template>
-    <router-view />
+    <el-config-provider :locale="zhCn">
+        <router-view />
+    </el-config-provider>
 </template>
 <script setup lang="ts">
+import { ElConfigProvider } from 'element-plus';
+// 中文
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+// 英文
+import en from 'element-plus/es/locale/lang/en';
 </script>
 <style scoped lang="scss"></style>

src/main.ts

@@ -6,8 +6,6 @@ import router from './router';
 import Particles from 'vue3-particles';
 
 import common from '@/utils/common';
-import ElementPlus from 'element-plus';
-import zhCn from 'element-plus/es/locale/lang/zh-cn';
 //default styles
 import Vue3DraggableResizable from 'vue3-draggable-resizable'
 import 'vue3-draggable-resizable/dist/Vue3DraggableResizable.css'
@@ -21,9 +19,6 @@ app.config.globalProperties.$common = common;
 app.use(router);
 app.use(Particles);
 app.use(Vue3DraggableResizable);
-app.use(ElementPlus, {
-    locale: zhCn,
-});
 // 全局注册 状态管理(store)
 setupStore(app);