:recycle: limiting hero load in route watcher

vue-theme/src/pages/list.vue

@@ -130,6 +130,9 @@ export default {
                 )
             }
         },
+        clearHero() {
+            this.$store.commit('SET_HERO', { url: null, heroType: null })
+        },
         async checkAndSetHero(type) {
             if (!this['allPagesLoaded']) {
                 await this.$store.dispatch('getAllPages', { sortType: null, params: null })
@@ -143,14 +146,12 @@ export default {
                 page => page.slug == type + 's',
             )[0]
 
-            let hero = { url: null, heroType: null }
 
             // Clear the hero and bail
-            if(!page) return this.$store.commit('SET_HERO', hero)
+            if(!page) return this.clearHero()
 
             console.log('setting hero:', page)
-            hero.url = page.featured
-            hero.heroType = 'image'
+            let hero = { url: page.featured, heroType:'image' }
             if (
                 page.hero &&
                 JSON.parse(page.hero) &&
@@ -187,9 +188,11 @@ export default {
     },
     watch: {
         $route(to, from) {
-            console.log('to:', to)
-            console.log('from:', from)
-            this.checkAndSetHero(this.type)
+            // Only grab the hero if moving to another list page
+            if (to.fullPath.split('/').filter(p => p).length < 1) {
+                this.clearHero()
+                this.checkAndSetHero(this.type)
+            }
 
             let sort = to.path
                 .split('/')

vue-theme/src/pages/single.vue

@@ -159,6 +159,9 @@ export default {
         closeGallery() {
             this.activeGalleryIndex = this.activeImageID = -1
         },
+        clearHero() {
+            this.$store.commit('SET_HERO', { url: null, heroType: null })
+        },
         /**
          * Everytime the posts object changes
          * we use this to set a new HERO
@@ -256,6 +259,7 @@ export default {
             // Only load post data when
             //  navigating TO a single page
             if (to.fullPath.split('/').filter(p => p).length > 1) {
+                this.clearHero()
                 this.loadPostData()
             }
         },