:poop: trying really really old intersecton handler

vue-theme/src/pages/list.vue

@@ -18,12 +18,12 @@
             section(v-for="(post, i) in posts" :key="post.slug").shadow.post
                 card(:content="post" :type="type" :wide="type == 'exhibition' && i > 1 || type == 'event' && i > 1 ")
 
-        footer(v-if="loadingFetched || showMeta")
-            p(v-if="loadingFetched") loading more {{ type }} ...
+        footer
+            p(v-if="loadingFetched") loading more {{ type }}...
             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>
 
 <script>
@@ -46,9 +46,8 @@ export default {
     mixins: [postTypeGetters, scrollTop, heroUtils],
     data() {
         return {
-            showMeta: false,
             page: 0,
-            perPage: 21,
+            perPage: 15,
             keepFetching: true,
             loadingFetched: false,
             observer: null
@@ -79,17 +78,13 @@ export default {
             this.$store.commit(`${uppercaseType}_LOADED`)
         },
         async loadMorePosts() {
-            // console.log('trying to load for: ', this.$route)
+            console.log('trying to load for: ', this.$route)
             const type = typeFromRoute(this.$route)
-            if(!type) return console.error(`type: ${type} not found...`)
+            if(!type) return console.warn(`type: ${type} not found...`)
             if(!this.keepFetching) return console.warn('nothing left to fetch...')
 
+            console.warn(`loading more ${type} posts...`)
             this.loadingFetched = true
-            console.warn(
-                `loading page ${this.page} of ${type} posts: 
-                    ${this.page * this.perPage + 1} through 
-                        ${(this.page + 1) * this.perPage}`
-            )
             this.page++
             await this.getPosts()
         },
@@ -125,7 +120,7 @@ export default {
 
             // Stop trying to load more posts
             if(res && !res.length) {
-                console.warn('did not receive response...', res, this.type)
+                console.warn('nothing left to get...')
                 this.keepFetching = false
             }
             this.loadingFetched = false
@@ -149,12 +144,13 @@ export default {
             this.$store.commit('SET_HERO', this._setHeroInfo(page))
         },
         setIntersectionLoader() {
-            if(!this.type) return console.error('cannot setup intersection handler for undefined type')
-            if(this.type == 'episode') return console.warn('intersection handler not setup for episode')
+            if(!this.type) return console.error('cannot setup interseciton handler for undefined type')
 
-            // console.warn('setting up intersection handler for:', this.type)
+            console.warn('setting up intersection handler for:', this.type)
             const footerEl = document.querySelector(INTERSECT_SELECTION)
+            // console.warn('found el: ',footerEl)
             if(!footerEl) return
+            // console.warn('attach to: ',footerEl)
 
             const onIntersect = (entries, observer) => {
                 console.log('intersection handler fired...')
@@ -163,7 +159,7 @@ export default {
                     console.log("intersected:", entry)
                     setTimeout(() => {
                         this.loadMorePosts()
-                    }, 1000)
+                    }, TIMEOUT)
                 })
             }
             this.observer = new IntersectionObserver(onIntersect, {
@@ -171,7 +167,6 @@ export default {
             })
             this.observer['_for_type'] = this.type
             this.observer.observe(footerEl)
-
         },
         unsetIntersectionLoader() {
             const footerEl = document.querySelector(INTERSECT_SELECTION)
@@ -195,9 +190,12 @@ export default {
         // This only fires navigating from
         // a list page, to another list page
         type(newType, oldType){
+            console.log('old:', oldType)
+            console.log('new:', newType)
+            
             if(!postTypes.includes(newType)) return console.warn('type not found...')
-            this.clearAndInitPostList()
             this.setIntersectionLoader()
+            this.clearAndInitPostList()
         },
     },
     mounted() {