:recycle: clearing loaded posts for list pages

vue-theme/src/pages/list.vue

@@ -70,6 +70,11 @@ export default {
         },
     },
     methods: {
+        clearAllPosts() {
+            const uppercaseType = this.type.toUpperCase() + 's'
+            this.$store.commit(`CLEAR_${uppercaseType}`)
+            this.$store.commit(`${uppercaseType}_LOADED`)
+        },
         loadMorePosts() {
             // console.log(this.$route)
             const type = typeFromRoute(this.$route)
@@ -78,7 +83,7 @@ export default {
 
             console.warn(`loading more ${type} posts...`)
             this.page++
-            this.getPosts({ clear: false })
+            this.getPosts()
         },
         _getSortBy() {
             return this.sortBy
@@ -97,8 +102,8 @@ export default {
                 }
             }
         },
-        async getPosts({ clear }) {
-            const dispatchAction = clear ? `getAll${this.pType}` : `getMore${this.pType}`
+        async getPosts() {
+            const dispatchAction = `getMore${this.pType}`
             // pType sometimes is undefined so need to dispatch and
             let res = null
             if(this.pType && dispatchAction != `getMoreEpisodes`) {
@@ -171,7 +176,10 @@ export default {
     created() {
         console.log('--- List page ---')
         // Fires when loading from home
+        // Clear any preloaded posts (from home, etc.)
+        this.clearAllPosts()
         this.loadMorePosts()
+
         this.setIntersectionLoader()
     }
 }