From b73708b6b4bc67cbaa1efa3f32b4ae0711e7c779 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?w=C5=AB=20y=C4=81ng?= <uyarnchen@gmail.com>
Date: Tue, 2 Jan 2024 11:10:23 +0800
Subject: [PATCH 1/2] fix: hotfix useRoute bug after vue 3.4 release (#660)

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 6db9477..69f8dc3 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "tdesign-icons-vue-next": "^0.2.2",
     "tdesign-vue-next": "^1.6.8",
     "tvision-color": "^1.6.0",
-    "vue": "^3.3.8",
+    "vue": "~3.3.8",
     "vue-i18n": "^9.6.5",
     "vue-router": "~4.2.4"
   },

From 860415dcaebc495c72c69fb3d4dd6d419c63cd61 Mon Sep 17 00:00:00 2001
From: mokeyjay <i@mok.moe>
Date: Tue, 16 Jan 2024 15:13:44 +0800
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=B7=AF=E7=94=B1?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2=E6=97=B6=E8=BF=87=E6=B8=A1=E5=8A=A8=E7=94=BB?=
 =?UTF-8?q?=E5=BC=82=E5=B8=B8=E7=9A=84=E9=97=AE=E9=A2=98=20(#666)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                        | 4 ++--
 src/layouts/components/Content.vue | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 2939186..b291f91 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <t-config-provider :global-config="getComponentsLocale">
-    <router-view :key="locale" :class="[mode]"
-  /></t-config-provider>
+    <router-view :key="locale" :class="[mode]" />
+  </t-config-provider>
 </template>
 <script setup lang="ts">
 import { computed } from 'vue';
diff --git a/src/layouts/components/Content.vue b/src/layouts/components/Content.vue
index 069f282..f5b27d5 100644
--- a/src/layouts/components/Content.vue
+++ b/src/layouts/components/Content.vue
@@ -1,6 +1,6 @@
 <template>
   <router-view v-if="!isRefreshing" v-slot="{ Component }">
-    <transition name="fade">
+    <transition name="fade" mode="out-in">
       <keep-alive :include="aliveViews">
         <component :is="Component" />
       </keep-alive>
@@ -54,7 +54,7 @@ const isRefreshing = computed(() => {
   transition: opacity @anim-duration-slow @anim-time-fn-easing;
 }
 
-.fade-enter,
+.fade-enter-from,
 .fade-leave-to {
   opacity: 0;
 }