From d4f6f5b7178664e92d90d8d8e1f4eec8e5dfa8e6 Mon Sep 17 00:00:00 2001
From: pany <939630029@qq.com>
Date: Wed, 21 Jun 2023 11:47:16 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BB=A3=E7=A0=81=E4=BC=98=E5=8C=96=20?=
 =?UTF-8?q?layout/index?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/index.vue | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/layout/index.vue b/src/layout/index.vue
index 4dfcbe5..734eb56 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { computed } from "vue"
+import { storeToRefs } from "pinia"
 import { useAppStore } from "@/store/modules/app"
 import { useSettingsStore } from "@/store/modules/settings"
 import { AppMain, NavigationBar, Settings, Sidebar, TagsView, RightPanel } from "./components"
@@ -9,6 +10,8 @@ import { DeviceEnum } from "@/constants/app-key"
 const appStore = useAppStore()
 const settingsStore = useSettingsStore()
 
+const { showGreyMode, showColorWeakness, showSettings, showTagsView, fixedHeader } = storeToRefs(settingsStore)
+
 /** Layout 布局响应式 */
 useResize()
 
@@ -19,21 +22,11 @@ const layoutClasses = computed(() => {
     openSidebar: appStore.sidebar.opened,
     withoutAnimation: appStore.sidebar.withoutAnimation,
     mobile: appStore.device === DeviceEnum.Mobile,
-    showGreyMode: settingsStore.showGreyMode,
-    showColorWeakness: settingsStore.showColorWeakness
+    showGreyMode: showGreyMode.value,
+    showColorWeakness: showColorWeakness.value
   }
 })
 
-const showSettings = computed(() => {
-  return settingsStore.showSettings
-})
-const showTagsView = computed(() => {
-  return settingsStore.showTagsView
-})
-const fixedHeader = computed(() => {
-  return settingsStore.fixedHeader
-})
-
 /** 用于处理点击 mobile 端侧边栏遮罩层的事件 */
 const handleClickOutside = () => {
   appStore.closeSidebar(false)