:bug: fixed race condition in gallery parsing

vue-theme/src/pages/list.vue

@@ -29,7 +29,7 @@
 import { mapGetters } from 'vuex'
 import sidebar from '@/components/sidebars/sidebar'
 
-import { convertTitleCase, typeFromRoute } from '@/utils/helpers'
+import { convertTitleCase, typeFromRoute, sortTypes } from '@/utils/helpers'
 
 export default {
     props: {
@@ -81,8 +81,11 @@ export default {
 
             // Accounts for the sort-by in URL case 
             let dispatchName = this.sortBy ? `getAll${type.split('/')[0]}` : `getAll${type}`
-            this.$store.dispatch(dispatchName, this.sortBy)
             
+            // Seperate sorting from post slugs
+            if(Object.values(sortTypes).indexOf(this.sortBy) >= 0) {
+                this.$store.dispatch(dispatchName, this.sortBy)
+            }
             if(this.$store.state.hero.url !== type) {
                 this.$store.commit('SET_HERO', type)
             }
@@ -93,17 +96,17 @@ export default {
         
         this.$store.dispatch(`getAll${type}`, this.sortBy)
         this.$store.commit('SET_HERO', type)
-        console.log(this.isGrid)
     }
 }
 </script>
 
 <style lang="postcss">
-article
-    .is-grid
-        display: flex
-        flex-direction: row
-        section
-            width: 33%
-
+.page--list
+    article
+        .is-grid
+            display: flex
+            flex-direction: row
+            flex-wrap: wrap
+            section
+                width: 33%
 </style>

vue-theme/src/pages/single.vue

@@ -73,16 +73,15 @@ export default {
     },
     methods: {
         pageBlocks(posts) {
-            if(!posts || !posts[this.$route.params.slug]) return []
+            if(!posts || !posts[this.$route.params.slug] || !posts[this.$route.params.slug].blocks ) return []
+            
             return posts[this.$route.params.slug].blocks.map(block => {
                 if(block) return block
             })
         },
         checkForImages(posts) {
             if(Object.keys(posts).length == 0) return
-            console.log(posts)
             this.pageBlocks(posts).forEach(block => {
-                console.log(block)
                 const doc = new DOMParser().parseFromString(block, 'text/html')
                 const gallery = doc.querySelectorAll('.blocks-gallery-item img')
 
@@ -128,9 +127,9 @@ export default {
         }
     },
     created() {
-        if(!this.allLoaded) {
-            let type = convertTitleCase(this.$route.params.type)
-            console.log('Retrieving...', type)
+        let type = convertTitleCase(this.$route.params.type)
+        if(!this[`all{type}Loaded`]) {
+            // console.log('Retrieving...', type)
             this.$store.dispatch(`getAll${type}`)
         }
     }

vue-theme/src/utils/api.js

@@ -7,12 +7,13 @@ const SETTINGS = {
 
 export default {
     getByType(type, sortType, cb) {
-        console.log('sortType:', sortType)
         if (sortType) {
             axios.get(SETTINGS.API_BASE_PATH + `sort/${type}/${sortType}`).then(response => {
                 cb(response.data)
             }).catch(e => { cb(e) })
-        } else {
+        }
+
+        else {
             axios.get(SETTINGS.API_BASE_PATH + `${type}`).then(response => {
                 cb(response.data)
             }).catch(e => { cb(e) })

vue-theme/src/utils/helpers.js

@@ -6,4 +6,10 @@ const typeFromRoute = (route) => {
     return route.params.type ? route.params.type : route.fullPath.slice(1)
 }
 
-export { convertTitleCase, typeFromRoute }
+const sortTypes = {
+    alpha: 'by-alpha',
+    recent: 'by-recent',
+    material: 'by-material',
+}
+
+export { convertTitleCase, typeFromRoute, sortTypes }