:recycle: better conditional loading for list pages and single pages

vue-theme/src/pages/list.vue

@@ -81,11 +81,14 @@ export default {
     },
     watch: {
         $route(to, from){
-            this.setHeroAndGetPosts()
+            let type = convertTitleCase(this.type)
+            if(!this[`all${type}Loaded`]) this.setHeroAndGetPosts()
         }
     },
     created() {
-        this.setHeroAndGetPosts()
+        let type = convertTitleCase(this.type)
+        console.log('already loaded ?:', this[`all${type}Loaded`])
+        if(!this[`all${type}Loaded`]) this.setHeroAndGetPosts()
     }
 }
 </script>

vue-theme/src/pages/single.vue

@@ -132,15 +132,19 @@ export default {
          * !: posts watcher fires when this finishes
          */
         let type = convertTitleCase(this.type)
-        if(!this[`all${type}Loaded`] && type) {
+        let allPostsOfType = this.$store.state[dePluralize(this.type)].all
+        
+        /**
+         * Load posts if they're not already in state
+         */
+        if(!this[`all${type}Loaded`] && allPostsOfType.length < 1) {
             const res = await this.$store.dispatch(`getAll${type}`)
-            const post = Object.values(res).filter(post => post.slug == this.$route.params.slug)[0]
-            this.$store.dispatch(`getSingle${dePluralize(type)}`, post.id)
-        } else {
-            const post = Object.values(this.$store.state[this.type].all).filter(post => post.slug == this.$route.params.slug)[0]
-            this.$store.dispatch(`getSingle${dePluralize(type)}`, post.id)
+            allPostsOfType = res
         }
 
+        const single = Object.values(allPostsOfType).filter(post => post.slug == this.$route.params.slug)[0]
+        console.log(this.$route.params.slug)
+        this.$store.dispatch(`getSingle${dePluralize(type)}`, single.id)
     }
 }
 </script>