✨ Refactor router-view to use scoped slots with dynamic component rendering

2026-01-28 20:23:08 +00:00
parent 0a53b7758f
commit 9f241da3b0
1 changed files with 5 additions and 3 deletions
--- a/code/websites/pokedex.online/src/App.vue
+++ b/code/websites/pokedex.online/src/App.vue
@@ -1,8 +1,10 @@
 <template>
  <div id="app">
-    <Transition name="view-transition" mode="out-in">
-      <router-view />
-    </Transition>
+    <router-view v-slot="{ Component }">
+      <Transition name="view-transition" mode="out-in">
+        <component :is="Component" />
+      </Transition>
+    </router-view>
  </div>
 </template>