fix: Scroll issue in vue3 transition return animation (#74)

Author: CharleeWa

src/App.vue

@@ -54,8 +54,10 @@ onMounted(() => {
 <style scoped>
 .app-wrapper {
   width: 100%;
+  height: calc(100vh - 46px);
   position: absolute;
   top: 46px;
   left: 0;
+  overflow-y: auto;
 }
 </style>

src/layouts/default.vue

@@ -2,7 +2,7 @@
   <main p="16" text="gray-700 dark:gray-200">
     <RouterView />
 
-    <div mx-auto py-15 text-center text-10 text-gray-500>
+    <div mx-auto mb-60 pt-15 text-center text-10 text-gray-500>
       [Default Layout]
     </div>
   </main>

src/styles/app.less

@@ -14,16 +14,14 @@ html.dark {
   color-scheme: dark;
 }
 
-html, body {
-  height: 100%;
+body {
   overflow: hidden;
 }
 
 #app {
   height: 100vh;
   position: relative;
   overflow-x: hidden;
-  overflow-y: auto;
 }
 
 ::-webkit-scrollbar {