From 72267bc37c946c48ea7f2aef0dcd043b701b18a4 Mon Sep 17 00:00:00 2001
From: thehrz <thehrz@outlook.com>
Date: Sun, 13 Aug 2023 15:46:30 +0800
Subject: [PATCH] pref: update transition

---
 src/App.vue             |  6 +++++-
 src/layouts/default.vue | 12 +++++-------
 src/layouts/index.vue   | 10 +---------
 3 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 9a864ce..4f17f79 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -21,5 +21,9 @@ useHead({
 </script>
 
 <template>
-  <RouterView />
+  <router-view v-slot="{ Component, route }">
+    <transition name="fade" mode="out-in">
+      <component :is="Component" :key="route.path" />
+    </transition>
+  </router-view>
 </template>
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index a57c56d..d013cb8 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -2,13 +2,11 @@
   <v-app class="flex flex-col">
     <Nav />
 
-    <div style="--v-layout-top: 25px;--v-layout-bottom: 70px;">
-      <router-view v-slot="{ Component, route }">
-        <transition name="fade" mode="out-in">
-          <div :key="route.path" class="prose max-w-110ch m-auto p-3">
-            <component :is="Component" />
-          </div>
-        </transition>
+    <div>
+      <router-view v-slot="{ Component }">
+        <div class="prose max-w-110ch m-auto p-3">
+          <component :is="Component" />
+        </div>
       </router-view>
     </div>
   </v-app>
diff --git a/src/layouts/index.vue b/src/layouts/index.vue
index d449de1..9c3a5a5 100644
--- a/src/layouts/index.vue
+++ b/src/layouts/index.vue
@@ -2,14 +2,6 @@
   <v-app class="flex flex-col">
     <Nav />
 
-    <div style="--v-layout-top: 25px" class="m-auto">
-      <router-view v-slot="{ Component, route }">
-        <transition name="fade" mode="out-in">
-          <div :key="route.path" class="prose max-w-110ch m-auto p-3">
-            <component :is="Component" />
-          </div>
-        </transition>
-      </router-view>
-    </div>
+    <router-view class="prose max-w-110ch m-auto p-3" />
   </v-app>
 </template>