:recycle: clearing and init on type watch

vue-theme/src/pages/list.vue

@@ -103,8 +103,10 @@ export default {
             }
         },
         async getPosts() {
+            // Edge case for episodes
+            await this._getAll('episode', this.$store)
+
             const dispatchAction = `getMore${this.pType}`
-            // pType sometimes is undefined so need to dispatch and
             let res = null
             if(this.pType && dispatchAction != `getMoreEpisodes`) {
                 res = await this.$store.dispatch(
@@ -113,9 +115,6 @@ export default {
                 )
             }
 
-            // Edge case for episodes
-            await this._getAll('episode', this.$store)
-
             // Stop trying to load more posts
             if(res && !res.length) {
                 console.warn('nothing left to get...')
@@ -147,7 +146,7 @@ export default {
 
             window.addEventListener("load", e => {
                 const observer = new IntersectionObserver(this.loadMorePosts, {
-                    rootMargin: "0px 0px 20px 0px",
+                    rootMargin: "0px 0px -50px 0px",
                 })
                 observer.observe(footerEl)
             }, false)
@@ -168,18 +167,12 @@ export default {
         }
     },
     watch: {
+        // This only fires navigating from
+        // a list page, to another list page
         type(newType, oldType){
             console.log('old:', oldType)
             console.log('new:', newType)
-        },
-        // This only fires navigating from
-        // a list page, to another list page
-        $route(to, from) {
-            // Always reset the page count & fetch flag
-            console.log('route to:', to)
-            console.log('route from:', from)
-            if(to.fullPath.split('/').length < 1) return
-            // this.clearAndInitPostList()
+            this.clearAndInitPostList()
         },
     },
     mounted() {