:poop: adding clear hero mixin

vue-theme/src/pages/list.vue

             const dispatchAction = clear ? `getAll${this.pType}` : `getMore${this.pType}`
             // pType sometimes is undefined so need to dispatch and
             let res = null
+
             // Episodes only needs load call
             if(this.pType && dispatchAction != `getMoreEpisodes`) {
-                console.log('d:', dispatchAction, this._getDispatchParams())
-                res = await this.$store.dispatch(dispatchAction, this._getDispatchParams())
+                res = await this.$store.dispatch(
+                    dispatchAction,
+                    this._getDispatchParams()
+                )
             }
 
             // Stop trying to load more posts
         setIntersectionLoader() {
             console.warn('setting up intersection handler for:', this.type)
             window.removeEventListener("load", e => {}, false)
-            console.warn('all intersection handlers:', window)
+
             const footerEl = document.querySelector(".footer-wrapper footer")
             if(!footerEl) return
 
             window.addEventListener("load", e => {
                 const observer = new IntersectionObserver(this.loadMorePosts, {
-                    rootMargin: "0px 0px -20px 0px",
+                    rootMargin: "0px 0px 20px 0px",
                 })
                 observer.observe(footerEl)
             }, false)
             this.setIntersectionLoader()
         },
     },
-    created() {
-        console.log('--- List page ---')
+    mounted() {
         this.setIntersectionLoader()
     },
+    created() {
+        console.log('--- List page ---')
+    }
 }
 </script>
 

vue-theme/src/pages/mixin-post-types.js

             json.text = post && post.excerpt ? post.excerpt : post.title
             return json
         },
+        _clearHero(store) {
+            store.commit('SET_HERO', { url: null, heroType: null })
+        }
     }
 }
 export { postTypeGetters, scrollTop, heroUtils }