:bug: fixing import for refactored hero functions

vue-theme/src/pages/list.vue

@@ -27,9 +27,9 @@
 import featuredImage from '@/components/featured-image'
 import card from '@/components/card'
 import sidebar from '@/components/sidebars/sidebar'
-import { postTypeGetters, scrollTop } from './mixin-post-types'
+import { postTypeGetters, scrollTop, heroUtils } from './mixin-post-types'
 
-import { convertTitleCase, typeFromRoute, sortTypes } from '@/utils/helpers'
+import { convertTitleCase, typeFromRoute } from '@/utils/helpers'
 
 const TIMEOUT = 1
 
@@ -77,30 +77,31 @@ export default {
             this.page++
             this.getPosts({ clear: false })
         },
-        async getPosts({ clear }) {
-            // Sorting
-            let sort = this.sortBy
+        _getSortBy() {
+            return this.sortBy
                 ? this.sortBy
                 : this.$route.path
                       .split('/')
                       .filter(p => p)
                       .pop()
-
-            const dispatchParams = {
-                sortType: sort,
+        },
+        _getDispatchParams() {
+            return {
+                sortType: this._getSortBy(),
                 params: {
                     limit: this.perPage,
                     page: this.page
                 }
             }
+        },
+        async getPosts({ clear }) {
             const dispatchAction = clear ? `getAll${this.pType}` : `getMore${this.pType}`
-
             // pType sometimes is undefined so need to dispatch and
             // Episodes only needs load call
             let res = null
             if(this.pType && dispatchAction != `getMoreEpisodes`) {
-                console.log('d:', dispatchAction, dispatchParams)
-                res = await this.$store.dispatch(dispatchAction, dispatchParams)
+                console.log('d:', dispatchAction, this._getDispatchParams())
+                res = await this.$store.dispatch(dispatchAction, this._getDispatchParams())
             }
 
             // Stop trying to load more posts

vue-theme/src/pages/single.vue

@@ -46,7 +46,7 @@ import gallery from '@/components/gallery/'
 import credits from '@/components/credits'
 import breadcrumb from '@/components/breadcrumb'
 
-import { postTypeGetters, stateHelper, scrollTop } from './mixin-post-types'
+import { postTypeGetters, scrollTop, heroUtils } from './mixin-post-types'
 
 import { convertTitleCase, dePluralize, typeFromRoute } from '@/utils/helpers'
 
@@ -168,7 +168,8 @@ export default {
          * @param {object} posts
          */
         checkAndSetHero(post) {
-            if (!post) return
+            this._clearHero(this.$store)
+            if (!post) return console.warn(`no post found`)
             this.$store.commit('SET_HERO', this._setHeroInfo(post))
         },
 
@@ -183,7 +184,6 @@ export default {
             /**
              * Conditionally load based on post type
              * which is derived from the route
-             * !: posts watcher fires when this finishes
              */
             // modules are NOT plural because module key
             if (!this.$store.state[this.type]) return
@@ -217,21 +217,8 @@ export default {
             )
             this.loading = false
         },
-
-        scrollTo(hashtag) {
-            setTimeout(() => {
-                location.href = hashtag
-            }, TIMEOUT)
-        },
     },
     watch: {
-        post(newVal, oldVal) {
-            // Prevent loading single post when
-            // navigating AWAY from the page
-            // if (!oldVal) {
-            //     this.checkAndSetHero(newVal)
-            // }
-        },
         $route(to, from) {
             // Only load post data when
             //  navigating TO a single page
@@ -242,11 +229,6 @@ export default {
             }
         },
     },
-    mounted() {
-        // if (this.$route.hash) {
-        //     setTimeout(() => this.scrollTo(this.$route.hash), TIMEOUT)
-        // }
-    },
     created() {
        this.loadPostData()
     },