From 1687097e6301e41379dcfc65aaa724e473affa12 Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Thu, 14 Oct 2021 17:36:16 +0800
Subject: [PATCH] fix: element-plus locale config

---
 src/App.vue | 41 ++++++++++++++++++++++-------------------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index da0171ad4a..93cc226366 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,25 +1,28 @@
-<script setup lang="ts">
-import { getCurrentInstance } from "vue";
+<template>
+  <el-config-provider :locale="currentLocale">
+    <router-view />
+  </el-config-provider>
+</template>
+
+<script lang="ts">
 import { ElConfigProvider } from "element-plus";
 import zhCn from "element-plus/lib/locale/lang/zh-cn";
 import en from "element-plus/lib/locale/lang/en";
-
-let locale: string =
-  getCurrentInstance().appContext.config.globalProperties.$storage?.locale
-    ?.locale;
-
-let currentLocale = () => {
-  switch (locale) {
-    case "zh":
-      return zhCn;
-    case "en":
-      return en;
+export default {
+  name: "app",
+  components: {
+    [ElConfigProvider.name]: ElConfigProvider
+  },
+  computed: {
+    // eslint-disable-next-line vue/return-in-computed-property
+    currentLocale() {
+      switch (this.$storage.locale?.locale) {
+        case "zh":
+          return zhCn;
+        case "en":
+          return en;
+      }
+    }
   }
 };
 </script>
-
-<template>
-  <el-config-provider :locale="currentLocale()">
-    <router-view />
-  </el-config-provider>
-</template>