:recycle: adding route watch for JUST sort changes with same post type

vue-theme/src/pages/list.vue

             try {
                 if(!footerEl) throw `cannot unset intersection handler missing el: ${footerEl}`
                 if(!this.observer) throw `cannot unset intersection handler missing observer: ${this.observer}`
-                
-                console.warn('unsetting intersection handler on:', footerEl, this.sortBy)
                 this.observer.unobserve(footerEl)
                 this.observer.disconnect()
             } catch (error) {
     watch: {
         // This only fires navigating from
         // 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...')
 
             this.clearAndInitPostList('watcher')
+        },
+        // Only fire if the sort type has changed
+        // and the post type is the same
+        $route(to, from) {
+            const toPathSortBy = to.sortBy ? to.sortBy : to.fullPath
+                .split('/')
+                .filter(p => p)
+                .pop()
+            const fromPathSortBy = from.sortBy ? from.sortBy : from.fullPath
+                .split('/')
+                .filter(p => p)
+                .pop()
+            if(toPathSortBy != fromPathSortBy) {
+                this.clearAndInitPostList('watcher')
+            } 
         }
     },
     mounted() {