diff --git a/src/layouts/components/AppMain.vue b/src/layouts/components/AppMain.vue
index 5a9bc9b..1550082 100644
--- a/src/layouts/components/AppMain.vue
+++ b/src/layouts/components/AppMain.vue
@@ -1,24 +1,16 @@
 <script lang="ts" setup>
-import { computed } from "vue"
-import { useRoute } from "vue-router"
 import { useTagsViewStore } from "@/store/modules/tags-view"
-
-const route = useRoute()
 const tagsViewStore = useTagsViewStore()
-
-const key = computed(() => {
-  // 返回 route.path 和 route.fullPath 有着不同的效果，大多数时候 path 更通用
-  return route.path
-})
 </script>
 
 <template>
   <section class="app-main">
     <div class="app-scrollbar">
-      <router-view v-slot="{ Component }">
+      <!-- key 采用 route.path 和 route.fullPath 有着不同的效果，大多数时候 path 更通用 -->
+      <router-view v-slot="{ Component, route }">
         <transition name="el-fade-in" mode="out-in">
           <keep-alive :include="tagsViewStore.cachedViews">
-            <component :is="Component" :key="key" />
+            <component :is="Component" :key="route.path" />
           </keep-alive>
         </transition>
       </router-view>