From 09ff1eb1dae57e6935f24280635b0e6fb992c8d5 Mon Sep 17 00:00:00 2001
From: Tony Yang <t510599@gmail.com>
Date: Tue, 15 Apr 2025 04:09:15 +0800
Subject: [PATCH] update: auth state change should reset keepalive

---
 src/App.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index c1e33e2..7cdb9a2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,6 +3,10 @@ import { RouterView } from 'vue-router';
 
 import Navbar from './components/Navbar.vue';
 import Footer from './components/Footer.vue';
+
+import { useAuthStore } from './stores/auth';
+
+const authStore = useAuthStore();
 </script>
 
 <template>
@@ -10,7 +14,7 @@ import Footer from './components/Footer.vue';
   <div style="flex: 1;">
     <RouterView v-slot="{ Component }">
       <KeepAlive>
-        <component :key="$route.name" :is="Component" v-if="$route.meta.keepAlive" />
+        <component :key="`${authStore.jwt}-${$route.name}`" :is="Component" v-if="$route.meta.keepAlive" />
       </KeepAlive>
       <component :is="Component" v-if="!$route.meta.keepAlive" />
     </RouterView>