:recycle: change route watch to slug watch

vue-theme/src/pages/single.vue

@@ -66,6 +66,9 @@ export default {
         sidebar() {
             return true
         },
+        slug() {
+            return this.$route.params.slug
+        },
         type() {
             // Checks for type and fixes Episodes route edge case
             return this.$route.params.type
@@ -191,7 +194,7 @@ export default {
             // Find the single post from api if it's not already in state
             // Then add it to our list
             let singlePostData = allPostsOfTypeInStore.filter(
-                post => post.slug == this.$route.params.slug,
+                post => post.slug == this.slug,
             )[0]
 
             // Look if it exists before you try and load everything!
@@ -202,7 +205,7 @@ export default {
                     { sortType: null, params: null }
                 )
                 singlePostData = res.filter(
-                    post => post.slug == this.$route.params.slug,
+                    post => post.slug == this.slug,
                 )[0]
             }
 
@@ -223,13 +226,13 @@ export default {
     },
     watch: {
         // This fires navigating to and away
-        $route(to) {
+        slug(newSlug, oldSlug) {
             // Only load post data when navigating TO a single page
-            const path = to.fullPath.split('/').filter(p => p)
-            console.log('single to :', to)
-            if (path.length < 2 || !postTypes.includes(to.params.type) || !to.params.sortBy) return
-            this._clearHero(this.$store)
-            this.loadPostData()
+            console.log('single :', newSlug, oldSlug)
+            if(newSlug && !oldSlug) {
+                this._clearHero(this.$store)
+                this.loadPostData()
+            }
         },
     },
     created() {