From e2cfe73e58d52c5c7f11d10d803ed48feffc6d54 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Wed, 6 Jul 2022 14:19:23 +0200
Subject: [PATCH] fix active main routes buttons

---
 src/pages/_partials/MainHeader.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/pages/_partials/MainHeader.vue b/src/pages/_partials/MainHeader.vue
index 9b08b32..c7fb570 100644
--- a/src/pages/_partials/MainHeader.vue
+++ b/src/pages/_partials/MainHeader.vue
@@ -33,7 +33,7 @@
       <nav class="nav-list d-none d-tb-block">
         <ul>
           <li v-for="link in mainRoutes" :key="link.to">
-            <b-button :to="{ name: link.to }" :active="$route.name === link.to" :variant="link.variant">
+            <b-button :to="{ name: link.to }" :active="routeIsActive(link.to)" :variant="link.variant">
               {{ $t('sections.' + link.to) }}
             </b-button>
           </li>
@@ -87,6 +87,14 @@ export default {
     }
   },
 
+  methods: {
+    routeIsActive (to) {
+      return to === 'gallery'
+        ? ['gallery', 'gallery-view'].includes(this.$route.name)
+        : this.$route.name === to
+    }
+  },
+
   created () {
     this.$store.dispatch('GET_BURGER')
   }