From e5d8039ee7819bf1e7e0746918e44cb192979367 Mon Sep 17 00:00:00 2001
From: yuntian001 <yuntian001z@qq.com>
Date: Mon, 10 Apr 2023 13:23:39 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=9B=B4=E6=94=B9=20element=20plus=20co?=
 =?UTF-8?q?nfig=E8=AE=BE=E7=BD=AE=E6=96=B9=E5=BC=8F=EF=BC=8C=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E8=B7=AF=E7=94=B1api=E6=A8=A1=E5=BC=8F=E4=B8=8Bel=20a?=
 =?UTF-8?q?pi=E7=BB=84=E4=BB=B6=E6=97=A0=E6=B3=95=E5=BA=94=E7=94=A8?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue        | 18 +++++++++++++-----
 src/setElGlobel.ts | 17 +++++++++++++++++
 2 files changed, 30 insertions(+), 5 deletions(-)
 create mode 100644 src/setElGlobel.ts

diff --git a/src/App.vue b/src/App.vue
index 6e235d29..6ef1442e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,13 +1,13 @@
 <template>
-  <el-config-provider :locale="settingStore.elLocale" :size="settingStore.themeConfig.size">
-    <router-view v-slot="{ Component }">
-      <me-component :is="Component" done-progress close-loading="layout"></me-component>
-    </router-view>
-  </el-config-provider>
+  <router-view v-slot="{ Component }">
+    <me-component :is="Component" done-progress close-loading="layout"></me-component>
+  </router-view>
+  <setElGlobel v-if="showSetElGlobel"></setElGlobel>
 </template>
 <script setup lang="ts">
 import { useSettingStore } from '@/store';
 import { SizeEnum } from '@/dict/configEnum';
+import SetElGlobel from './setElGlobel';
 const settingStore = useSettingStore();
 const htmlDom = document.getElementsByTagName('html')[0];
 watchEffect(() => {
@@ -16,6 +16,14 @@ watchEffect(() => {
   });
   htmlDom.classList.add('me-' + settingStore.themeConfig.size);
 });
+const showSetElGlobel = ref(true);
+watch(
+  () => [settingStore.elLocale, settingStore.themeConfig.size],
+  () => {
+    showSetElGlobel.value = !showSetElGlobel.value;
+    new Promise<void>((reactive) => reactive()).then(() => (showSetElGlobel.value = !showSetElGlobel.value));
+  },
+);
 </script>
 <style lang="scss" scoped>
 .fade-enter-active,
diff --git a/src/setElGlobel.ts b/src/setElGlobel.ts
new file mode 100644
index 00000000..8c4a88d0
--- /dev/null
+++ b/src/setElGlobel.ts
@@ -0,0 +1,17 @@
+import { provideGlobalConfig } from 'element-plus';
+import { useSettingStore } from './store';
+export default defineComponent({
+  setup() {
+    const settingStore = useSettingStore();
+    provideGlobalConfig(
+      {
+        locale: settingStore.elLocale,
+        size: settingStore.themeConfig.size,
+      },
+      undefined,
+      true,
+    );
+    return { template: '<div></div>' };
+  },
+  render: () => '',
+});