:recycle: stop init on route watch

vue-theme/src/pages/list.vue

             if(!this.keepFetching) return console.warn('nothing left to fetch...')
 
             this.loadingFetched = true
-            console.warn(`loading page ${this.page + 1} of ${type} posts: ${this.page * this.perPage + 1} to ${(this.page + 1) * this.perPage}`)
+            // 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()
             }
 
             // Stop trying to load more posts
+            console.log('res :', res)
             if(res && !res.length) {
                 console.warn(`empty response for ${this.type}:`, res)
                 this.keepFetching = false
             this.page = 0
             this.keepFetching = true
 
-            this.checkAndSetHero(this.type)
+            await this.checkAndSetHero(this.type)
 
             // Fires when loading from home
             // Clear any preloaded posts (from home, etc.)
         // a list page, to another list page
         type(newType, oldType) {
             if(!postTypes.includes(newType)) return console.warn('type not found...')
+
+            console.log('init from type watch...')
+            this.clearAndInitPostList()
         },
         $route(to, from) {
             console.log('---')
             if(!toPathInfo.sortBy != sortTypes.material) {
                 this.setIntersectionLoader()
             }
-
-            console.log('init from $route watch...')
-            this.clearAndInitPostList()
         }
     },
     mounted() {
         this.setIntersectionLoader()
+        console.log('init from mounted...')
         this.clearAndInitPostList()
     },
     beforeDestroy() {