:poop: more chopping

vue-theme/src/pages/list.vue

@@ -85,22 +85,27 @@ export default {
             }
         },
         clearAllPosts() {
-            if(!this.type) return console.error(`type: ${this.type}...`)
-            const uppercaseType = this.type.toUpperCase() + 'S'
-            this.$store.commit(`CLEAR_${uppercaseType}`)
-            this.$store.commit(`${uppercaseType}_LOADED`)
+            if(!this.type) return console.error(`post type: ${this.type} not found...`)
+            this.$store.commit(`CLEAR_${this.type.toUpperCase()}S`)
+            // this.$store.commit(`${this.type.toUpperCase()}S_LOADED`)
         },
         async loadMorePosts() {
-            if(!this.type) return console.warn(`this.type: ${type} not found...`)
             if(!this.keepFetching) return console.warn('nothing left to fetch...')
 
-            this.loadingFetched = true
-            // console.warn(`loading page ${this.page + 1} of ${type} posts: ${this.page * this.perPage + 1} to ${(this.page + 1) * this.perPage}`)
-            this.page++
-            await this.getPosts()
-            this.loadingFetched = false
+            try {
+                this.loadingFetched = true
+                // console.warn(`loading page ${this.page + 1} of ${type} posts: ${this.page * this.perPage + 1} to ${(this.page + 1) * this.perPage}`)
+                this.page++
+                await this.getPosts()
+                this.loadingFetched = false
+            } catch (err) {
+                console.error(err)
+            }
         },
         async getPosts() {
+            if(!this.type) throw `post type: ${this.type} not found...`
+
+            // Set some default dispatch paramters
             let dispatchAction = `getMore${this.pType}`
             let params = this._getDispatchParams()
             
@@ -145,23 +150,19 @@ export default {
             this.$store.commit('SET_HERO', this._setHeroInfo(page))
         },
         setIntersectionLoader() {
-            if(!this.type) return console.error('cannot setup intersection handler for undefined type')
-            
             // KeepFetching is UNSET for certain post types and sort types in `loadMorePosts()`
             if(!this.keepFetching) return console.warn('cannot setup intersection handler keepFetching is set false')
             
-            console.warn('Setting interesection loader...')
-            
-            // Always unset and reset the intersection loader
+            // Always unset before setting the intersection loader
             this.unsetIntersectionLoader()
 
-            const onIntersect = (entries, observer) => {
+            console.warn('Setting interesection loader...')
+            this.observer = new IntersectionObserver(entries => {
                 entries.forEach(entry => {
                     if (!entry.isIntersecting || this.loadingFetched) return
-                    setTimeout(() => this.loadMorePosts(), TIMEOUT)
+                    setTimeout(this.loadMorePosts, TIMEOUT)
                 })
-            }
-            this.observer = new IntersectionObserver(onIntersect, { threshold: 0.80 })
+            }, { threshold: 0.80 })
             this.observer.observe(document.querySelector(INTERSECT_SELECTOR))
         },
         unsetIntersectionLoader() {
@@ -198,7 +199,8 @@ export default {
         // and the post type has changed
         type(newType, oldType) {
             if(!postTypes.includes(newType)) return console.warn('type not valid...')
-            this.clearAndInitPostList('type watcher')
+            // this.clearAndInitPostList('type watcher')
+            console.log('type watcher fired')
         },
         // Only fire if the sort type has changed
         // and the post type is the same
@@ -211,7 +213,7 @@ export default {
                 // Post slug sometimes appears as a sort so we check it against known sorts
                 validSorts.includes(to.sortBy) && validSorts.includes(from.sortBy)
             ) {
-                this.clearAndInitPostList('$route watcher')
+                console.log('$route watcher fired')
             } 
         }
     },