From 9083700b3def9c31e6a7207f40b42e94b119696e Mon Sep 17 00:00:00 2001
From: pany <939630029@qq.com>
Date: Wed, 14 Jun 2023 18:14:11 +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/NavigationBar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/NavigationBar/index.vue | 20 ++++++-------------
 1 file changed, 6 insertions(+), 14 deletions(-)

diff --git a/src/layout/components/NavigationBar/index.vue b/src/layout/components/NavigationBar/index.vue
index a630ac1..87ac6ae 100644
--- a/src/layout/components/NavigationBar/index.vue
+++ b/src/layout/components/NavigationBar/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { computed } from "vue"
 import { useRouter } from "vue-router"
+import { storeToRefs } from "pinia"
 import { useAppStore } from "@/store/modules/app"
 import { useSettingsStore } from "@/store/modules/settings"
 import { useUserStore } from "@/store/modules/user"
@@ -16,22 +16,14 @@ const appStore = useAppStore()
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
 
-const sidebar = computed(() => {
-  return appStore.sidebar
-})
-const showNotify = computed(() => {
-  return settingsStore.showNotify
-})
-const showThemeSwitch = computed(() => {
-  return settingsStore.showThemeSwitch
-})
-const showScreenfull = computed(() => {
-  return settingsStore.showScreenfull
-})
+const { sidebar } = storeToRefs(appStore)
+const { showNotify, showThemeSwitch, showScreenfull } = storeToRefs(settingsStore)
 
+/** 切换侧边栏 */
 const toggleSidebar = () => {
   appStore.toggleSidebar(false)
 }
+/** 登出 */
 const logout = () => {
   userStore.logout()
   router.push("/login")
@@ -87,7 +79,7 @@ const logout = () => {
   }
   .breadcrumb {
     float: left;
-    // 参考 Bootstrap 的响应式设计 WIDTH = 576
+    // 参考 Bootstrap 的响应式设计将宽度设置为 576
     @media screen and (max-width: 576px) {
       display: none;
     }