:poop: movig getposts to inner definition

vue-theme/src/pages/list.vue

     },
     methods: {
         async loadMorePosts(shouldClear) {
-            if(shouldClear) this.$store.commit(`CLEAR_${this.pType.toUpperCase()}`)
-            if(!this.keepFetching) return console.warn('nothing left to fetch...')
+            if(!this.keepFetching) return console.warn('Nothing left to fetch...')
+
+            const getPosts = async  (params, dispatchType) => {
+                if(!this.type) throw `post type: ${this.type} not found...`
+                console.log('$route :', this.$route)
+                // We always grab all pages on hero init so no need to do it here
+                return this.pType && this.type != 'page' ? await this.$store.dispatch(
+                    `get${dispatchType}${this.pType}`,
+                    { sortType: this.sortBy, params }
+                ) : []
+            }
 
+            if(shouldClear) this.$store.commit(`CLEAR_${this.pType.toUpperCase()}`)
+            console.log('loadMore $route :', this.$route)
             try {
                 this.loadingFetched = true
                 this.page++
-                const res = await this.getPosts(
+                const res = await getPosts(
                     {
                         limit: this.shouldLoadAllAtOnce ? -1 : this.perPage,
                         page: this.page
                 }
             } catch (err) { console.error(err) }
         },
-        async getPosts(params, dispatchType) {
-            if(!this.type) throw `post type: ${this.type} not found...`
-            let res = []
-            console.log('$route :', this.$route)
-            // We always grab all pages on hero init so no need to do it here
-            if(this.pType && this.keepFetching && this.type != 'page') {
-                res = await this.$store.dispatch(
-                    `get${dispatchType}${this.pType}`,
-                    { sortType: this.sortBy, params }
-                )
-            }
-            return res
-        },
         async getPage(type) {
             await this._getAllIfNotLoaded('page', this.$store)
             if(!this.allPages) throw 'no pages in state'
         unsetIntersectionLoader() {
             const footerEl = document.querySelector(INTERSECT_SELECTOR)
             try {
-                if(!footerEl) throw `cannot unset intersection handler missing el: ${footerEl}`
-                if(!this.observer) throw `cannot unset intersection handler missing observer: ${this.observer}`
+                if(!footerEl) throw `Cannot unset intersection handler missing el: ${footerEl}`
+                if(!this.observer) return 
                 this.observer.unobserve(footerEl)
                 this.observer.disconnect()
             } catch (error) { console.error(error) }