:poop: dumbing it way down

vue-theme/src/pages/list.vue

@@ -19,7 +19,7 @@
             p {{ `${type} count: ${Object.values(posts).length}` }}
             p {{ `show sidebar: ${sidebar}` }}
         
-    sidebar(v-if="sidebar" :type="`${type}`" layout="list")
+    //- sidebar(v-if="sidebar" :type="`${type}`" layout="list")
     
 </template>
 
@@ -43,7 +43,7 @@ export default {
     mixins: [postTypeGetters, scrollTop],
     data() {
         return {
-            page: 1,
+            page: 0,
             perPage: 9
         }
     },
@@ -67,11 +67,13 @@ export default {
     },
     methods: {
         loadMorePosts() {
-            // console.log('loading...')
+            console.warn(`loading more ${this.type} posts...`)
             this.page++
-            this.getPosts(false)
+            this.getPosts({ clear: false })
         },
         async getPosts({ clear }) {
+            
+            console.log('gp:', clear)
             // Sorting
             let sort = this.sortBy
                 ? this.sortBy
@@ -87,13 +89,13 @@ export default {
                     page: this.page
                 }
             }
-
             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)
             }
 
@@ -150,31 +152,35 @@ export default {
         }
     },
     watch: {
-        $route(to) {
-            // 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
-            this.page = 1
-            
-            this.checkAndSetHero(this.type)
-            
-            // Load first page of results
-            this.getPosts({ clear: false })
-
-            this.setIntersectionLoader()
+        $route: {
+            handler: (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
+                this.page = 0
+                
+                // this.checkAndSetHero(this.type)
+                
+                // Load first page of results
+                // this.getPosts({ clear: false })
+                console.log("route", to, from)
+                // this.setIntersectionLoader()
+            },
+            deep: true
         },
     },
     mounted() {
         this.setIntersectionLoader()
     },
     created() {
-        this.checkAndSetHero(this.type)
+        console.log('--- liiiist ---')
+        // this.checkAndSetHero(this.type)
     },
 }
 </script>