:recycle: adjusting how single pages load hro

vue-theme/src/pages/single.vue

@@ -166,6 +166,7 @@ export default {
          */
         checkAndSetHero(post) {
             if (!post) return
+            console.log('single hero...')
             let json = { url: post.featured, heroType: 'image' }
             if (
                 post.hero &&
@@ -209,21 +210,22 @@ export default {
             // Find the single post from api if it's not already in state
             // Then add it to our list
             
-            // if (!this[`all${type}Loaded`] && allPostsOfType.length < 1) {
             const res = await this.$store.dispatch(`getAll${type}`, { sortType: null, params: null})
             allPostsOfType = res
-            console.log(`reloaded ${type}...`)
-            // }
 
             const singlePostData = allPostsOfType.filter(
                 post => post.slug == this.$route.params.slug,
             )[0]
+
             if (!singlePostData) return
+
             // NOT plural
-            await this.$store.dispatch(
+            const post = await this.$store.dispatch(
                 `getSingle${convertTitleCase(this.type)}`,
                 singlePostData.id,
             )
+            
+            this.checkAndSetHero(this.singlePost)
         },
 
         scrollTo(hashtag) {
@@ -236,9 +238,9 @@ export default {
         post(newVal, oldVal) {
             // Prevent loading single post when
             // navigating AWAY from the page
-            if (!oldVal) {
-                this.checkAndSetHero(newVal)
-            }
+            // if (!oldVal) {
+            //     this.checkAndSetHero(newVal)
+            // }
         },
         $route(to, from) {
             // Only load post data when
@@ -253,9 +255,8 @@ export default {
         //     setTimeout(() => this.scrollTo(this.$route.hash), TIMEOUT)
         // }
     },
-    async created() {
-        await this.loadPostData()
-        this.checkAndSetHero(this.singlePost)
+    created() {
+       this.loadPostData()
     },
 }
 </script>

vue-theme/src/store/modules/episode.js

@@ -29,7 +29,7 @@ const actions = {
     getSingleEpisode({ commit }, id) {
         commit('CLEAR_SINGLE_EPISODES')
         commit('EPISODES_LOADED', false)
-        api.getSingleType('episode', id, episode => {
+        return api.getSingleType('episode', id, episode => {
             commit('STORE_FETCHED_SINGLE_EPISODE', episode)
             commit('EPISODES_LOADED', true)
         })