:recycle: moving sort and dispatch params | adding some logs | set fetch flag on watcher

vue-theme/src/pages/list.vue

@@ -9,7 +9,10 @@
                     h3 sorted {{ sortBy.replace('-', ' ') }}
 
             h3(v-if="!loaded") loading...
-            .content(v-else-if="allPagesLoaded && type && allPages[type]" v-html="allPages[type].content")
+            .content(
+                v-else-if="allPagesLoaded && type && allPages[type]"
+                v-html="allPages[type].content"
+            )
 
         .posts(v-if="posts && loaded" :class="{ 'is-grid': grid }")
             section(v-for="(post, i) in posts" :key="post.slug").shadow.post
@@ -97,8 +100,8 @@ export default {
         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
+            // Episodes only needs load call
             if(this.pType && dispatchAction != `getMoreEpisodes`) {
                 console.log('d:', dispatchAction, this._getDispatchParams())
                 res = await this.$store.dispatch(dispatchAction, this._getDispatchParams())
@@ -116,7 +119,10 @@ export default {
             this._clearHero(this.$store)
 
             if (!this['allPagesLoaded']) {
-                await this.$store.dispatch('getAllPages', { sortType: null, params: null })
+                await this.$store.dispatch('getAllPages', {
+                    sortType: null,
+                    params: null
+                })
             }
 
             // We always set a hero no matter what
@@ -133,6 +139,7 @@ export default {
         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
 
@@ -146,22 +153,16 @@ export default {
     },
     watch: {
         $route(to, from) {
-            // Filter the path to remove blank strings and
-            // only grab the hero if moving to another list page
-            // eg. list page -> list page
-            // const path = to.fullPath.split('/').filter(p => p)
-            // console.log('to:', path)
-            // console.log('?:', path.pop())
-            // console.log('?:', path.pop())
-
-            // Always reset the page count
+            // Always reset the page count & fetch flag
+            console.log('route to:', to)
+            console.log('route from:', from)
             this.page = 0
-            
+            this.keepFetching = true
             this.setIntersectionLoader()
         },
     },
     created() {
-        console.log('--- liiiist ---')
+        console.log('--- List page ---')
         this.setIntersectionLoader()
     },
 }

vue-theme/src/utils/helpers.js

@@ -50,7 +50,7 @@ const typeFromRoute = route => {
 
             // Only take the first match
         type = type[0]
-        // console.log(`type derived from route.path: ${type}`)
+        // console.log(`type derived from route.pajth: ${type}`)
     }
     
     console.log('from route->',type)