Browse Source

fix active main routes buttons

axolotle 1 year ago
parent
commit
e2cfe73e58
1 changed files with 9 additions and 1 deletions
  1. 9 1
      src/pages/_partials/MainHeader.vue

+ 9 - 1
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')
   }