From b3f74d8cff9d1f24be22371388b2bb89584320d9 Mon Sep 17 00:00:00 2001
From: yuntian001 <yuntian001z@qq.com>
Date: Wed, 21 Jun 2023 00:24:51 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=BB=93=E6=9E=84stor?=
 =?UTF-8?q?e=E5=A4=B1=E5=8E=BB=E5=93=8D=E5=BA=94=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/header/components/tagBar/index.vue  | 2 +-
 .../header/components/topBar/components/left.vue          | 8 ++++----
 .../header/components/topBar/components/right/index.vue   | 2 +-
 src/layout/components/header/index.vue                    | 2 +-
 src/layout/index.vue                                      | 2 +-
 src/views/login/components/header.vue                     | 2 +-
 types/auto-imports.d.ts                                   | 2 ++
 7 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/layout/components/header/components/tagBar/index.vue b/src/layout/components/header/components/tagBar/index.vue
index 7f5e4a69..903dfd4c 100644
--- a/src/layout/components/header/components/tagBar/index.vue
+++ b/src/layout/components/header/components/tagBar/index.vue
@@ -67,7 +67,7 @@ import contextmenu from './components/contextmenu.vue';
 import { isExternal } from '@/utils/validate';
 import { resolve } from 'path-browserify';
 import $ from 'jquery';
-const { themeConfig } = useSettingStore();
+const { themeConfig } = storeToRefs(useSettingStore());
 // 初始化tags
 const tags = reactive([] as RouteLocationNormalized[]);
 const resolvePath = (routePath: string, basePath = '') => {
diff --git a/src/layout/components/header/components/topBar/components/left.vue b/src/layout/components/header/components/topBar/components/left.vue
index 24d178eb..309139fb 100644
--- a/src/layout/components/header/components/topBar/components/left.vue
+++ b/src/layout/components/header/components/topBar/components/left.vue
@@ -24,17 +24,17 @@
 import { mitter, event } from '@/event';
 import { useSettingStore, useGlobalStore, useRouteStore } from '@/store';
 import { RouteLocationNormalized, RouteRecordRaw } from 'vue-router';
-const { themeConfig } = useSettingStore();
+const { themeConfig } = storeToRefs(useSettingStore());
 const globalStore = useGlobalStore();
 const setMenuCollapse = () => {
-  themeConfig.menuCollapse = !themeConfig.menuCollapse;
+  themeConfig.value.menuCollapse = !themeConfig.value.menuCollapse;
 };
 const breadcrumbList = ref([] as Pick<RouteRecordRaw, 'name' | 'path' | 'meta' | 'redirect'>[]);
 const route = useRoute();
-const { routes } = useRouteStore();
+const { routes } = storeToRefs(useRouteStore());
 const setBreadcrumbList = (route: RouteLocationNormalized) => {
   const list = [] as Pick<RouteRecordRaw, 'name' | 'path' | 'meta' | 'redirect'>[];
-  let temp = { children: routes } as unknown as RouteRecordRaw;
+  let temp = { children: routes.value } as unknown as RouteRecordRaw;
   route.meta.menuIndex!.forEach((item) => {
     temp = temp.children![item];
     if (temp.meta && temp.meta.title && temp.meta.breadcrumb !== false) {
diff --git a/src/layout/components/header/components/topBar/components/right/index.vue b/src/layout/components/header/components/topBar/components/right/index.vue
index de305954..ef9dd88b 100644
--- a/src/layout/components/header/components/topBar/components/right/index.vue
+++ b/src/layout/components/header/components/topBar/components/right/index.vue
@@ -15,7 +15,7 @@ import { localeConfig } from '@/config';
 import MessageBox from './components/messageBox.vue';
 import { useSettingStore } from '@/store';
 import User from './components/user.vue';
-const { themeConfig } = useSettingStore();
+const { themeConfig } = storeToRefs(useSettingStore());
 </script>
 <style lang="scss" scoped>
 .right {
diff --git a/src/layout/components/header/index.vue b/src/layout/components/header/index.vue
index f23a6199..1e71bf8f 100644
--- a/src/layout/components/header/index.vue
+++ b/src/layout/components/header/index.vue
@@ -8,7 +8,7 @@
 import { useSettingStore } from '@/store';
 import TopBar from './components/topBar/index.vue';
 import TagBar from './components/tagBar/index.vue';
-const { themeConfig } = useSettingStore();
+const { themeConfig } = storeToRefs(useSettingStore());
 </script>
 <style lang="scss" scoped>
 .layout-header {
diff --git a/src/layout/index.vue b/src/layout/index.vue
index e33e0505..f35fbb38 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -36,7 +36,7 @@ import LayoutHeader from './components/header/index.vue';
 import LayoutMenu from './components/menu/index.vue';
 import LayoutPage from './components/page.vue';
 import { useSettingStore, useGlobalStore } from '@/store';
-const { themeConfig } = useSettingStore();
+const { themeConfig } = storeToRefs(useSettingStore());
 const globalStore = useGlobalStore();
 onMounted(() => {
   nextTick(() => (globalStore.layoutLoaded = true));
diff --git a/src/views/login/components/header.vue b/src/views/login/components/header.vue
index 48d070ad..22d721c6 100644
--- a/src/views/login/components/header.vue
+++ b/src/views/login/components/header.vue
@@ -8,7 +8,7 @@
 <script setup lang="ts" name="Header">
 import { localeConfig } from '@/config';
 import { useSettingStore } from '@/store';
-const { themeConfig } = useSettingStore();
+const { themeConfig } = storeToRefs(useSettingStore());
 </script>
 <style lang="scss" scoped>
 .header {
diff --git a/types/auto-imports.d.ts b/types/auto-imports.d.ts
index a40f9e90..1d06c04e 100644
--- a/types/auto-imports.d.ts
+++ b/types/auto-imports.d.ts
@@ -2,6 +2,8 @@
 export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
+  const ElLoading: typeof import('element-plus/es')['ElLoading']
+  const ElMessageBox: typeof import('element-plus/es')['ElMessageBox']
   const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
   const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
   const autoResetRef: typeof import('@vueuse/core')['autoResetRef']