From f557f2e5adcf5c18c9150e9080ae8cb53356e86d Mon Sep 17 00:00:00 2001
From: zimo493 <2081182432@qq.com>
Date: Thu, 14 Aug 2025 09:38:21 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20:sparkles:=20(components)=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=20`KeepCache`=20=E7=BB=84=E4=BB=B6=E7=94=A8=E4=BA=8E?=
 =?UTF-8?q?=E7=BB=9F=E4=B8=80=E5=A4=84=E7=90=86=E9=A1=B5=E9=9D=A2=E7=BC=93?=
 =?UTF-8?q?=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/KeepCache/index.vue | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/components/KeepCache/index.vue

diff --git a/src/components/KeepCache/index.vue b/src/components/KeepCache/index.vue
new file mode 100644
index 00000000..1deaabe6
--- /dev/null
+++ b/src/components/KeepCache/index.vue
@@ -0,0 +1,18 @@
+<template>
+  <router-view>
+    <template #default="{ Component, route }">
+      <transition enter-active-class="animate__animated animate__fadeIn" mode="out-in">
+        <keep-alive :include="tagsViewStore.cachedViews">
+          <component :is="Component" :key="route.path" />
+        </keep-alive>
+      </transition>
+    </template>
+  </router-view>
+</template>
+<script setup lang="ts">
+defineOptions({ name: "KeepCache" });
+
+import { useTagsViewStore } from "@/store";
+
+const tagsViewStore = useTagsViewStore();
+</script>