:recycle: grabbing all for single because we need the id

vue-theme/src/pages/single.vue

@@ -187,17 +187,34 @@ export default {
              */
             // modules are NOT plural because module key
             if (!this.$store.state[this.type]) return
+            let allPostsOfType = this.$store.state[this.type].all
 
+            /**
+             * Load posts if they're not already in state
+             */
+            // Find the single post from api if it's not already in state
+            // Then add it to our list
+            let singlePostData = allPostsOfType.filter(
+                post => post.slug == this.$route.params.slug,
+            )[0]
+
+            // Look if it exists before you try and load everything!
+            if(!singlePostData) {
+                const res = await this.$store.dispatch(`getAll${convertTitleCase(this.type)}s`, { sortType: null, params: null})
+                allPostsOfType = res
+                singlePostData = allPostsOfType.filter(
+                    post => post.slug == this.$route.params.slug,
+                )[0]
+            }
+
+            if (!singlePostData) return console.error('could not get single post data...')
             
             // NOT plural
-            const singlePostData = await this.$store.dispatch(
+            this.checkAndSetHero(singlePostData)
+            await this.$store.dispatch(
                 `getSingle${convertTitleCase(this.type)}`,
                 singlePostData.id,
             )
-            
-            if (!singlePostData) return console.error('could not get single post data...')
-            this.checkAndSetHero(singlePostData)
-
             this.loading = false
         },
     },