:recycle: ignore presorted types to let the route watcher handle it

vue-theme/src/pages/list.vue

@@ -79,6 +79,20 @@ export default {
         }
     },
     methods: {
+        _getSortBy() {
+            return this.sortBy
+                ? this.sortBy
+                : sortFromRoute(this.$route)
+        },
+        _getDispatchParams(perPage) {
+            return {
+                sortType: this._getSortBy(),
+                params: {
+                    limit: perPage ? perPage : this.perPage,
+                    page: this.page
+                }
+            }
+        },
         clearAllPosts() {
             if(!this.type) return console.error(`type: ${this.type}...`)
             const uppercaseType = this.type.toUpperCase() + 'S'
@@ -91,23 +105,9 @@ export default {
 
             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()
-        },
-        _getSortBy() {
-            return this.sortBy
-                ? this.sortBy
-                : sortFromRoute(this.$route)
-        },
-        _getDispatchParams(perPage) {
-            return {
-                sortType: this._getSortBy(),
-                params: {
-                    limit: perPage ? perPage : this.perPage,
-                    page: this.page
-                }
-            }
+            this.loadingFetched = false
         },
         async getPosts() {
             let dispatchAction = `getMore${this.pType}`
@@ -123,7 +123,7 @@ export default {
                 params.sortType = this.type == 'episode' ? null : params.sortType
             }
 
-            let res = null
+            let res = []
             // 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(dispatchAction, params)
@@ -131,10 +131,10 @@ export default {
 
             // Stop trying to load more posts
             if(res && !res.length || getAllClause) {
-                console.warn(`empty response for ${this.type}:`, res)
                 this.keepFetching = false
+                if(!res.length) console.warn(`Empty response for ${this.type}:`, res.length)
+                if(getAllClause) console.warn(`Fetched all responses for ${this.type}:`, res.length)
             }
-            this.loadingFetched = false
         },
         async getPageForType(type) {
             await this._getAll('page', this.$store)
@@ -206,7 +206,12 @@ export default {
         // a list page, to another list page
         // and the post type has changed
         type(newType, oldType) {
-            if(!postTypes.includes(newType)) return console.warn('type not found...')
+            if(!postTypes.includes(newType)) return console.warn('type not valid...')
+
+            // !:Ignore these default sorted types and let the route watcher deal with it
+            const ignore = ['event', 'exhibition', 'post']
+            if(ignore.includes(this.type)) return
+
             this.clearAndInitPostList('type watcher')
         },
         // Only fire if the sort type has changed