Changed range filter to routes for every view.

assets/components/header/filter-bar.vue

@@ -2,26 +2,26 @@
     <div class="filter-bar noselect">
         <span class="sort">
             <router-link
-                :to="{ name: $route.name, params: { ...$route.params, range: 'latest' } }"
-                :class="{ active: range === 'latest' }"
+                :to="{ name: isHome ? 'latest' : $route.name, params: { ...$route.params, range: 'latest' } }"
+                :class="{ active: $route.name === 'latest' || range === 'latest' }"
                 class="range range-button"
             >Latest</router-link>
 
             <router-link
-                :to="{ name: $route.name, params: { ...$route.params, range: 'upcoming' } }"
-                :class="{ active: range === 'upcoming' }"
+                :to="{ name: isHome ? 'upcoming' : $route.name, params: { ...$route.params, range: 'upcoming' } }"
+                :class="{ active: $route.name === 'upcoming' || range === 'upcoming' }"
                 class="range-button"
             >Upcoming</router-link>
 
             <router-link
-                :to="{ name: $route.name, params: { ...$route.params, range: 'new' } }"
-                :class="{ active: range === 'new' }"
+                :to="{ name: isHome ? 'new' : $route.name, params: { ...$route.params, range: 'new' } }"
+                :class="{ active: $route.name === 'new' || range === 'new' }"
                 class="range-button"
             >New</router-link>
 
             <!--
             <router-link
-                :to="{ name: 'home', params: { range: 'all' } }"
+                :to="{ name: $route.name, params: { ...$route.params, range: 'all' } }"
                 :class="{ active: range === 'all' }"
                 class="range-button"
             >All</router-link>
@@ -97,6 +97,10 @@ export default {
             type: Function,
             default: null,
         },
+        isHome: {
+            type: Boolean,
+            default: false,
+        },
     },
     computed: {
         ...mapState({

assets/components/header/header.vue

@@ -8,7 +8,7 @@
             />
 
             <router-link
-                to="/home"
+                to="/"
                 class="logo-link"
             ><h1 class="header-logo">
                 <div