:recycle: init posts only on route change

vue-theme/src/pages/list.vue

@@ -195,6 +195,13 @@ export default {
             // Clear any preloaded posts (from home, etc.)
             this.clearAllPosts()
             this.loadMorePosts()
+        },
+        routeInfoFromPath(fullPath) {
+            const [ potentialType, potentialSort ] = fullPath.split('/')
+            return {
+                sortBy: Object.values(sortTypes).includes(potentialSort) ? potentialSort : null,
+                type: postTypes.includes(potentialType) ? potentialType : null
+            }
         }
     },
     watch: {
@@ -202,22 +209,20 @@ export default {
         // a list page, to another list page
         type(newType, oldType) {
             if(!postTypes.includes(newType)) return console.warn('type not found...')
-                
-            // this.setIntersectionLoader()
-            this.clearAndInitPostList()
+            // this.clearAndInitPostList()
         },
         $route(to, from) {
-            // Reset the intersection loader if navigating AWAY from material sort page
-            console.log('---')
-            console.log('to :', to)
-            console.log('from :', from)
-            
+            // Always unset and reset the intersection loader
             this.unsetIntersectionLoader()
-            if(!to.fullPath.includes(sortTypes.material)) {
+            if(!toPathInfo.sortBy != sortTypes.material) {
                 this.setIntersectionLoader()
             }
-
-
+            console.log('---')
+            const toPathInfo = this.routeInfoFromPath(to.fullPath)
+            const fromPathInfo = this.routeInfoFromPath(from.fullPath)
+            console.log('to :', toPathInfo)
+            console.log('from :', fromPathInfo)
+            
             // Check if we changed sort method
             // from no sort to sorted
             // or sorted to no sort