assets/components/header/header.vue

@@ -1,7 +1,7 @@
 <template>
     <header class="header">
         <router-link
-            to="/home"
+            to="/"
             class="logo-link"
         ><h1 class="logo"><Icon icon="logo" /></h1></router-link>
 
@@ -9,46 +9,31 @@
             <ul class="nolist">
                 <li class="nav-item">
                     <router-link
-                        v-slot="{ isActive, navigate }"
                         to="/actors"
-                    >
-                        <a
                         class="nav-link"
-                            :class="{ active: isActive }"
+                        :class="{ active: active === 'actors' }"
-                            @click="navigate"
                     >
                         <Icon icon="stars" /><span class="nav-label">Actors</span>
-                        </a>
                     </router-link>
                 </li>
 
                 <li class="nav-item">
                     <router-link
-                        v-slot="{ isActive, navigate }"
                         to="/networks"
-                    >
-                        <a
                         class="nav-link"
-                            :class="{ active: isActive }"
+                        :class="{ active: active === 'networks' }"
-                            @click="navigate"
                     >
                         <Icon icon="earth2" /><span class="nav-label">Networks</span>
-                        </a>
                     </router-link>
                 </li>
 
                 <li class="nav-item">
                     <router-link
-                        v-slot="{ isActive, navigate }"
                         to="/tags"
-                    >
-                        <a
                         class="nav-link"
-                            :class="{ active: isActive }"
+                        :class="{ active: active === 'tags' }"
-                            @click="navigate"
                     >
                         <Icon icon="price-tags" /><span class="nav-label">Tags</span>
-                        </a>
                     </router-link>
                 </li>
             </ul>
@@ -56,6 +41,18 @@
     </header>
 </template>
 
+<script>
+function active() {
+    return this.$route.name;
+}
+
+export default {
+    computed: {
+        active,
+    },
+};
+</script>
+
 <style lang="scss" scoped>
 @import 'theme';
 
@@ -100,7 +97,6 @@
     text-decoration: none;
     font-size: .9rem;
     font-weight: bold;
-    cursor: pointer;
 
     .icon {
         fill: $shadow;

assets/components/home/home.vue

@@ -17,10 +17,6 @@ import Releases from '../releases/releases.vue';
 
 async function fetchReleases() {
     this.releases = await this.$store.dispatch('fetchReleases', { limit: 100 });
-    this.$store.commit('setCache', {
-        target: 'home',
-        releases: this.releases,
-    });
 }
 
 async function mounted() {
@@ -43,7 +39,6 @@ export default {
     },
     data() {
         return {
-            // releases: this.$store.state.releases.cache.home || [], // slows down apparent page load
             releases: [],
             networks: [],
             pageTitle: null,

assets/js/releases/mutations.js

@@ -1,14 +1 @@
-import Vue from 'vue';
+export default {};
-
-function setCache(state, { target, releases }) {
-    Vue.set(state.cache, target, releases);
-}
-
-function deleteCache(state, target) {
-    Vue.delete(state.cache, target);
-}
-
-export default {
-    setCache,
-    deleteCache,
-};

assets/js/releases/state.js

@@ -1,3 +1 @@
-export default {
+export default {};
-    cache: {},
-};

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "traxxx",
-  "version": "1.85.2",
+  "version": "1.85.1",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
     "name": "traxxx",
-    "version": "1.85.2",
+    "version": "1.85.1",
     "description": "All the latest porn releases in one place",
     "main": "src/app.js",
     "scripts": {