From e6323a327a4bf72df4d2ba853b7c8b081a19c580 Mon Sep 17 00:00:00 2001
From: kittentm <aidenplayzroblox123@gmail.com>
Date: Wed, 13 May 2026 03:31:20 +0200
Subject: [PATCH] fix: update logo to use RouterLink for navigation

---
 app/components/TheHeader.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/app/components/TheHeader.vue b/app/components/TheHeader.vue
index cfd67eb..1939170 100644
--- a/app/components/TheHeader.vue
+++ b/app/components/TheHeader.vue
@@ -1,12 +1,12 @@
 <template>
   <header class="navbar">
     <div class="container">
-      <div class="logo">
+      <RouterLink to="/" class="logo">
         <img
           src="/spbr-uncolored-nostars-noring.png"
           alt="Logo"
         >
-      </div>
+      </RouterLink>
 
       <nav class="links">
         <a href="#">Supported games</a>
@@ -40,6 +40,17 @@ const query = ref('')
 </script>
 
 <style scoped>
+.logo {
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  transition: opacity 0.2s;
+}
+
+.logo:hover {
+  opacity: 0.8;
+}
+
 .navbar {
   background-color: #1a1a1a;
   border-bottom: 2px solid #333;