:recycle: a little refactor of dispatching from index | moving post type list to helper | guarding against an error in list

vue-theme/src/pages/index.vue

@@ -33,19 +33,17 @@
 <script>
 import { postTypeGetters } from './mixin-post-types'
 
+import { convertTitleCase, postTypes } from '@/utils/helpers'
+
 export default {
     mixins: [postTypeGetters],
     created() {
         console.log(wp)
-        console.log(this.$store.state.title)
-
-        this.$store.dispatch('getAllPages')
-        this.$store.dispatch('getAllPosts')
 
-        this.$store.dispatch('getAllArtists')
-        this.$store.dispatch('getAllEpisodes')
-        this.$store.dispatch('getAllEvents')
-        this.$store.dispatch('getAllExhibitions')
+        postTypes.forEach(type => {
+            const capitalizedType = convertTitleCase(type)
+            this.$store.dispatch(`getAll${capitalizedType}`)
+        })
     }
 }
 </script>

vue-theme/src/pages/list.vue

@@ -74,7 +74,10 @@ export default {
 
             // Seperate sorting from post slugs
             if(!this.sortBy || Object.values(sortTypes).indexOf(this.sortBy) >= 0) { 
-                this.$store.dispatch(this.dispatchName, this.sortBy)
+                // Don't dispatch if there's no type
+                if(this.type) {
+                    this.$store.dispatch(this.dispatchName, this.sortBy)
+                }
             }
             if(this.$store.state.hero.url !== type) this.$store.commit('SET_HERO', type)
         }
@@ -87,8 +90,8 @@ export default {
     },
     created() {
         let type = convertTitleCase(this.type)
-        console.log('already loaded ?:', this[`all${type}Loaded`])
-        console.log(this)
+        // console.log('already loaded ?:', this[`all${type}Loaded`])
+        
         if(!this[`all${type}Loaded`]) this.setHeroAndGetPosts()
     }
 }

vue-theme/src/pages/mixin-post-types.js

@@ -1,18 +1,5 @@
-import { convertTitleCase } from '@/utils/helpers'
+import { convertTitleCase, postTypes } from '@/utils/helpers'
 import { mapGetters, mapState } from 'vuex'
-/**
- * A list of custom post types used to dispatch vuex actions
- * This makes ALL post type modules available for the
- * list and single components to request data
- */
-const postTypes = [
-    'posts',
-    'pages',
-    'artists',
-    'episodes',
-    'events',
-    'exhibitions'
-]
 
 /**
  * Create an object to hold the action names

vue-theme/src/utils/helpers.js

@@ -18,4 +18,18 @@ const sortTypes = {
     material: 'by-material',
 }
 
-export { convertTitleCase, dePluralize, typeFromRoute, sortTypes }
+/**
+ * A list of custom post types used to dispatch vuex actions
+ * This makes ALL post type modules available for the
+ * list and single components to request data
+ */
+ const postTypes = [
+    'posts',
+    'pages',
+    'artists',
+    'episodes',
+    'events',
+    'exhibitions'
+]
+
+export { convertTitleCase, dePluralize, typeFromRoute, sortTypes, postTypes }