:recycle: separating intersection loader setup from init post

vue-theme/src/pages/list.vue

 import sidebar from '@/components/sidebars/sidebar'
 import { postTypeGetters, scrollTop, heroUtils } from './mixin-post-types'
 
-import { convertTitleCase, typeFromRoute } from '@/utils/helpers'
+import { postTypes, convertTitleCase, typeFromRoute } from '@/utils/helpers'
 
 const TIMEOUT = 1
 
             this.$store.commit('SET_HERO', this._setHeroInfo(page))
         },
         setIntersectionLoader() {
+            if(!this.type) return console.error('cannot setup interseciton handler for undefined type')
+            
             console.warn('setting up intersection handler for:', this.type)
             const footerEl = document.querySelector(".footer-wrapper footer")
+            console.warn('attach to: ',footerEl)
             if(!footerEl) return
 
             window.addEventListener("load", e => {
             // Clear any preloaded posts (from home, etc.)
             this.clearAllPosts()
             this.loadMorePosts()
-            this.setIntersectionLoader()
         }
     },
     watch: {
         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()
         },
     },
     mounted() {
         this.clearAndInitPostList()
+        this.setIntersectionLoader()
     },
     beforeUnmount() {
         this.unsetIntersectionLoader()