:recycle: using single post data on single template only

vue-theme/src/pages/single.vue

@@ -187,34 +187,17 @@ 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
             
             // NOT plural
-            this.checkAndSetHero(singlePostData)
-            await this.$store.dispatch(
+            const 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
         },
     },