:recycle: forcing sort on exhibition and event routes | tweaking list loading order

vue-theme/src/pages/list.vue

             return typeFromRoute(this.$route)
         },
         pType() {
+            if(!this.type) return
             console.log(this.type, `${convertTitleCase(this.type)}s`)
             return this.sortBy ? `${convertTitleCase(this.type.split('/')[0])}s` : `${convertTitleCase(this.type)}s`
         },
             this.$store.commit('SET_HERO', { url: null, heroType: null })
         },
         async checkAndSetHero(type) {
+            this.clearHero()
+
             if (!this['allPagesLoaded']) {
                 await this.$store.dispatch('getAllPages', { sortType: null, params: null })
             }
                 page => page.slug == type + 's',
             )[0]
 
-            // Clear the hero and bail
-            if(!page) return this.clearHero()
-
             let json = { url: page.featured, heroType:'image' }
             if (
                 page.hero &&
             json.text = page && page.excerpt ? page.excerpt : page.title
             this.$store.commit('SET_HERO', json)
         },
-        scrollTo(hashtag) {
-            setTimeout(() => {
-                location.href = hashtag
-            }, TIMEOUT)
-        },
         setIntersectionLoader() {
             console.warn('setting up intersection handler for:', this.type)
             window.removeEventListener("load", e => {}, false)
             console.log('?:', path.pop())
 
             // Always reset the page count
-            this.setIntersectionLoader()
             this.page = 1
             
-            this.clearHero()
             this.checkAndSetHero(this.type)
             
             // TODO: Track last loaded page per post type
             // Less http calls
             this.getPosts(true)
+
+            this.setIntersectionLoader()
         },
     },
     mounted() {
-        if (this.$route.hash) {
-            setTimeout(() => this.scrollTo(this.$route.hash), TIMEOUT)
-        }
         this.setIntersectionLoader()
     },
     created() {

vue-theme/src/router/routes.js

         component: listPage,
         props: { sidebar: true, grid: true, sortBy: `${sortTypes.material}` },
     },
+    {
+        path: `/event`,
+        component: listPage,
+        props: { sidebar: true, sortBy: `${sortTypes.currentAndUpcoming}` },
+    },
+    {
+        path: `/exhibition`,
+        component: listPage,
+        props: { sidebar: true, sortBy: `${sortTypes.currentAndUpcoming}` },
+    },
     {
         path: `/:type/${sortTypes.past}`,
         component: listPage,
         props: { sidebar: true, sortBy: `${sortTypes.material}` },
     },
     {
-        path: '/:type/by-episode',
+        path: `/:type/${sortTypes.episode}`,
         component: listPage,
-        props: { sidebar: true, sortBy: 'by-episode' },
+        props: { sidebar: true, sortBy: `${sortTypes.episode}` },
     },
     {
-        path: '/:type/by-artist',
+        path: `/:type/${sortTypes.artist}`,
         component: listPage,
-        props: { sidebar: true, sortBy: 'by-artist' },
+        props: { sidebar: true, sortBy: `${sortTypes.artist}` },
     },
     {
         path: '/:type',