:recycle: fixing single route watch

vue-theme/src/pages/list.vue

@@ -108,20 +108,23 @@ export default {
             if(!this.type) throw `post type: ${this.type} not found...`
 
             // Set some default dispatch paramters
-            let dispatchAction = 'More'
+            let dispatchType = 'More'
             let params = { limit: this.perPage, page: this.page }
             
             // For episodes, or material sort we grab EVERYTHING
             const getAllClause = this.type == 'episode' || this.type == 'artist' && this.sortBy == sortTypes.material
             if(getAllClause) {
-                dispatchAction = 'All'
+                // dispatchType = 'All'
                 params.limit = -1
             }
 
             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(`get${dispatchAction}${this.pType}`, { sortType: this.sortBy, params })
+                res = await this.$store.dispatch(
+                    `get${dispatchType}${this.pType}`,
+                    { sortType: this.sortBy, params }
+                )
             }
 
             // Stop trying to load more posts
@@ -203,20 +206,15 @@ export default {
             // Ignore types with presorts so the sortBy watcher can handle them
             const ignore = ['event', 'exhibition', 'artist']
             if(ignore.includes(newType)) return
-            
             this.clearAndInitPostList('type change')
         },
         sortBy(newSort) {
-            if(Object.values(sortTypes).includes(newSort)) {
-                this.clearAndInitPostList('sort change')
-            }
+            if(!Object.values(sortTypes).includes(newSort)) return
+            this.clearAndInitPostList('sort change')
         }
     },
     mounted() {
         // This only fires navigating from a non-list page > list page
-        console.log(this.$route)
-        console.log(this.type)
-        console.log(this.sortBy)
         this.clearAndInitPostList('mounted')
     },
     beforeDestroy() {

vue-theme/src/pages/single.vue

@@ -199,7 +199,7 @@ export default {
                 console.warn('Could not find single post in store; Fetching everything...')
                 const res = await this.$store.dispatch(
                     `getAll${convertTitleCase(this.type)}s`,
-                    { sortType: null, params: null}
+                    { sortType: null, params: null }
                 )
                 singlePostData = res.filter(
                     post => post.slug == this.$route.params.slug,
@@ -223,10 +223,11 @@ export default {
     },
     watch: {
         // This fires navigating to and away
-        $route(to, from) {
+        $route(to) {
             // Only load post data when navigating TO a single page
             const path = to.fullPath.split('/').filter(p => p)
-            if (path.length < 2 || !postTypes.includes(to.params.type)) return
+            console.log('single to :', to)
+            if (path.length < 2 || !postTypes.includes(to.params.type) || !to.params.sortBy) return
             this._clearHero(this.$store)
             this.loadPostData()
         },