From 2db551e47670ffbb5f9aadb4ae534890ae40c16e Mon Sep 17 00:00:00 2001
From: wea_ondara <wea_ondara@cutiepie.at>
Date: Sat, 25 Nov 2023 18:56:05 +0100
Subject: [PATCH] frontend: set active classes properly for router links

---
 frontend/src/components/navbar/NavBar.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/navbar/NavBar.vue b/frontend/src/components/navbar/NavBar.vue
index 3493ef3..cefbeea 100644
--- a/frontend/src/components/navbar/NavBar.vue
+++ b/frontend/src/components/navbar/NavBar.vue
@@ -34,10 +34,10 @@ export default class NavBar extends Vue {
       <div class="navbar-nav flex-row">
         <Logo class="navbar-logo"/>
         <div class="nav-item">
-          <RouterLink class="nav-link active" aria-current="page" to="/">List</RouterLink>
+          <RouterLink class="nav-link" aria-current="page" to="/" active-class="active">List</RouterLink>
         </div>
         <div class="nav-item">
-          <RouterLink class="nav-link active" aria-current="page" to="/about">About</RouterLink>
+          <RouterLink class="nav-link" aria-current="page" to="/about" active-class="active">About</RouterLink>
         </div>
       </div>
     </div>