From ae054f76de6045ba6f4beb980dfdaf920b5838ad Mon Sep 17 00:00:00 2001
From: Tim <135014430+nagisa77@users.noreply.github.com>
Date: Tue, 5 Aug 2025 00:34:13 +0800
Subject: [PATCH] cache home page view

---
 frontend/src/App.vue         | 7 ++++++-
 frontend/src/router/index.js | 3 ++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index b3634be7a..f60db5054 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -9,7 +9,12 @@
         <MenuComponent :visible="!hideMenu && menuVisible" @item-click="menuVisible = false" />
       </div>
       <div class="content" :class="{ 'menu-open': menuVisible && !hideMenu }">
-        <router-view />
+        <router-view v-slot="{ Component }">
+          <keep-alive>
+            <component :is="Component" v-if="$route.meta.keepAlive" />
+          </keep-alive>
+          <component :is="Component" v-if="!$route.meta.keepAlive" />
+        </router-view>
       </div>
     </div>
     <GlobalPopups />
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index 3822c93a6..9c91d0ebb 100644
--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
@@ -23,7 +23,8 @@ const routes = [
   {
     path: '/',
     name: 'home',
-    component: HomePageView
+    component: HomePageView,
+    meta: { keepAlive: true }
   },
   {
     path: '/message',