From 353baa626758cc41da36258d755ac3bb6441d293 Mon Sep 17 00:00:00 2001
From: Valentin Haudiquet <valentin.haudiquet@canonical.com>
Date: Tue, 20 Jan 2026 22:18:55 +0100
Subject: [PATCH] Bufixes, prefetching root page

---
 frontend/components/ChampionSelector.vue |  5 +++++
 frontend/components/nav/BottomBar.vue    | 12 ++++++++----
 frontend/nuxt.config.ts                  |  4 ++--
 frontend/pages/champion/[alias].vue      |  9 ++++++++-
 4 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/frontend/components/ChampionSelector.vue b/frontend/components/ChampionSelector.vue
index 1365dd4..f7b0de0 100644
--- a/frontend/components/ChampionSelector.vue
+++ b/frontend/components/ChampionSelector.vue
@@ -82,6 +82,11 @@ watch(searchText, (newTerm) => {
   debouncedSearch(newTerm);
 });
 
+// Watch for changes in champions data and update filtered champions
+watch(champions, (newChampions) => {
+  filteredChampions.value = [...newChampions];
+}, { immediate: true });
+
 // Navigation
 async function navigateToChampion(championAlias: string): Promise<void> {
   try {
diff --git a/frontend/components/nav/BottomBar.vue b/frontend/components/nav/BottomBar.vue
index 8b0816a..170a737 100644
--- a/frontend/components/nav/BottomBar.vue
+++ b/frontend/components/nav/BottomBar.vue
@@ -30,9 +30,13 @@ if(route.path.startsWith("/tierlist/")) {
 <template>
     <div class="navbar-container">
         
-        <NuxtLink style="display: flex; width: fit-content; text-decoration: none; align-items: center; margin-left: 10px;" to="/">
-        <NuxtImg format="webp" id="navbar-logo-img" 
-            src="/buildpath-high-resolution-logo-transparent.png" />
+        <NuxtLink 
+            style="display: flex; width: fit-content; text-decoration: none; align-items: center; margin-left: 10px;" 
+            to="/" 
+            prefetch
+        >
+            <NuxtImg format="webp" id="navbar-logo-img" 
+                src="/buildpath-high-resolution-logo-transparent.png" />
         </NuxtLink>
 
         <div v-for="(lane, i) in championLanes" style="display: flex; align-items: center; margin-left: 20px;">
@@ -104,4 +108,4 @@ if(route.path.startsWith("/tierlist/")) {
         display: none;
     }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/frontend/nuxt.config.ts b/frontend/nuxt.config.ts
index 5610883..fc67d03 100644
--- a/frontend/nuxt.config.ts
+++ b/frontend/nuxt.config.ts
@@ -5,7 +5,7 @@ export default defineNuxtConfig({
   css: ['~/assets/css/main.css'],
 
   routeRules: {
-    '/' : {prerender: false, swr: true, ssr: true},
+    '/' : {prerender: false, swr: true},
     '/champion/**' : {swr: true}
   },
 
@@ -57,4 +57,4 @@ export default defineNuxtConfig({
       weights: [200, 400],
     },
   },
-})
\ No newline at end of file
+})
diff --git a/frontend/pages/champion/[alias].vue b/frontend/pages/champion/[alias].vue
index 9426ed5..279db01 100644
--- a/frontend/pages/champion/[alias].vue
+++ b/frontend/pages/champion/[alias].vue
@@ -5,6 +5,13 @@ const championAlias = route.params.alias as string
 const { data : championData } : {data : Ref<ChampionData>} = await useFetch("/api/champion/" + championAlias.toLowerCase())
 const championId = championData.value.id
 
+// Prefetch home page for faster navigation
+useHead({
+  link: [
+    { rel: 'prefetch', href: '/' }
+  ]
+})
+
 defineOgImageComponent('Champion', {
     title: championData.value.name,
     id: championId,
@@ -90,4 +97,4 @@ function updateState(newState : string, newLane : number) {
         margin-top: 20px;
     }
 }
-</style>
\ No newline at end of file
+</style>