feat(app): use route.name as page component key

This way, changing the params of the route doesn't retrigger a complete navigation. The old keying system was there so we could ease the migration to Vue 3, but the composable essentially handles all the heavy lifting for us Signed-off-by: Fernando Fernández <[email protected]>
jellyfin · Apr 16, 2024 · fe03c72 · fe03c72
1 parent 148ac6b
commit fe03c72
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -17,11 +17,11 @@
                 :mode="defaultTransitionMode">
                 <Suspense suspensible>
                   <div
-                    :key="route.path"
+                    :key="route.name ?? route.path"
                     class="h-100 j-transition">
                     <component
                       :is="Component"
-                      :key="route.path" />
+                      :key="route.name ?? route.path" />
                   </div>
                 </Suspense>
               </JTransition>