diff --git a/src/layout/components/header/components/BreadCrumb.vue b/src/layout/components/header/components/BreadCrumb.vue
index 73e6ea7..f8d10c3 100644
--- a/src/layout/components/header/components/BreadCrumb.vue
+++ b/src/layout/components/header/components/BreadCrumb.vue
@@ -1,17 +1,18 @@
 <template>
   <n-breadcrumb>
-    <n-breadcrumb-item v-for="item in currentRoute.matched" :key="item.path" @click="handleBreadClick(item.path)">
+    <n-breadcrumb-item v-for="item in route.matched" :key="item.path" @click="handleBreadClick(item.path)">
       {{ item.meta.title }}
     </n-breadcrumb-item>
   </n-breadcrumb>
 </template>
 
 <script setup>
-import { router } from '@/router'
-const { currentRoute } = router
+import { useRouter, useRoute } from 'vue-router'
+const router = useRouter()
+const route = useRoute()
 
 function handleBreadClick(path) {
-  if (path === currentRoute.value.path) return
+  if (path === route.path) return
   router.push(path)
 }
 </script>
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 4142734..1685030 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -38,10 +38,10 @@ export const useUserStore = defineStore('user', {
         return Promise.reject(error)
       }
     },
-    logout() {
-      toLogin()
+    async logout() {
       removeToken()
       this.userInfo = {}
+      toLogin()
     },
     setUserInfo(userInfo = {}) {
       this.userInfo = { ...this.userInfo, ...userInfo }