:poop: bunch of logs to troubleshoot intersection misfire

vue-theme/src/pages/list.vue

@@ -47,7 +47,7 @@ export default {
     data() {
         return {
             page: 0,
-            perPage: 18,
+            perPage: 6,
             keepFetching: true 
         }
     },
@@ -76,7 +76,7 @@ export default {
             this.$store.commit(`${uppercaseType}_LOADED`)
         },
         loadMorePosts() {
-            // console.log(this.$route)
+            console.log('trying to load for: ', this.$route)
             const type = typeFromRoute(this.$route)
             if(!type) return console.warn(`type: ${type} not found...`)
             if(!this.keepFetching) return console.warn('nothing left to fetch...')
@@ -144,14 +144,15 @@ export default {
 
             console.warn('setting up intersection handler for:', this.type)
             const footerEl = document.querySelector(".footer-wrapper footer")
-            console.warn('attach to: ',footerEl)
+            // console.warn('attach to: ',footerEl)
             if(!footerEl) return
 
             window.addEventListener("load", e => {
                 const onIntersection = () => {
                     console.log('intersected...')
                     this.loadMorePosts()
-                    console.log('loaded morePosts...')
+                    console.log('loaded...', this.loadMorePosts)
+                    console.log('cb this:', this)
                 }
                 const observer = new IntersectionObserver(onIntersection, {
                     rootMargin: "0px 0px -20px 0px",

vue-theme/src/utils/helpers.js

@@ -48,12 +48,11 @@ const typeFromRoute = route => {
             .filter(pathSection => pathSection != '')
             .filter(pathSection => postTypes.includes(pathSection))
 
-            // Only take the first match
+        // Only take the first match
         type = type[0]
         // console.log(`type derived from route.pajth: ${type}`)
     }
-    
-    console.log('type from route:',type)
+    // console.log('type from route:',type)
     return type
 }