Add slide transition for route navigation

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-25 21:35:41 +00:00
parent 0f801a864c
commit a8ef10498e
2 changed files with 19 additions and 1 deletions
--- a/vue/src/App.vue
+++ b/vue/src/App.vue
@@ -6,7 +6,11 @@ import Footer from "@/components/Footer.vue";

 <template>
    <Navbar class="no-print sticky" />
-    <RouterView />
+    <RouterView v-slot="{ Component }">
+        <Transition name="slide" mode="out-in">
+            <component :is="Component" :key="$route.path" />
+        </Transition>
+    </RouterView>

    <!-- <Footer style="height: 10vh" /> -->
 </template>