From 29daa623cc97ceadcbefae99dec61af79100cc8e Mon Sep 17 00:00:00 2001
From: SunWuyuan <sun@wuyuan.dev>
Date: Wed, 8 Oct 2025 12:47:38 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2=E5=8A=A8=E7=94=BB=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E8=B7=AF=E7=94=B1=E8=A7=86=E5=9B=BE=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue   |  6 +++++-
 src/style.css | 16 ++++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 0270f57..36cccfb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,6 +5,10 @@ import 'vue-sonner/style.css'
 </script>
 
 <template>
-  <RouterView />
+  <RouterView v-slot="{ Component, route }">
+    <Transition name="page" mode="out-in">
+      <component :is="Component" :key="route.fullPath" />
+    </Transition>
+  </RouterView>
   <Toaster class="pointer-events-auto" />
 </template>
diff --git a/src/style.css b/src/style.css
index 1949175..cc27a7f 100644
--- a/src/style.css
+++ b/src/style.css
@@ -122,3 +122,19 @@
     @apply bg-background text-foreground;
   }
 }
+
+/* Page transition animations */
+.page-enter-active,
+.page-leave-active {
+  transition: opacity 200ms ease, transform 200ms ease;
+}
+.page-enter-from,
+.page-leave-to {
+  opacity: 0;
+  transform: translateY(8px);
+}
+.page-enter-to,
+.page-leave-from {
+  opacity: 1;
+  transform: translateY(0);
+}