:sparkles: rudimentary grid flag for list page

vue-theme/src/pages/list.vue

@@ -5,16 +5,17 @@
             h1 {{ type }} list
             span(v-if="sortBy")
                 h1  sorted by {{ sortBy.replace('-', ' ') }}
-        
+
         section.shadow
             h4 {{ type }}
             p {{ Object.values(posts).length }}
             p {{ sidebar }}
-
-        section(v-for="post in posts").shadow
-            router-link(:to="`/${type}/${post.slug}`")
-                h4 {{ post.title }} 
-                p(style="font-size: 9px;") {{ post.date }}
+        
+        .posts(:class="{ 'is-grid': isGrid }")
+            section(v-for="post in posts").shadow
+                router-link(:to="`/${type}/${post.slug}`")
+                    h4 {{ post.title }} 
+                    p(style="font-size: 9px;") {{ post.date }}
 
     sidebar(v-if="sidebar" :type="`${type}`")
         .shadow
@@ -54,6 +55,9 @@ export default {
             allEpisodes: 'allEpisodes',
             allEpisodesLoaded: 'allEpisodesLoaded',
         }),
+        isGrid() {
+            return this.$route.query.grid === 'true'
+        },
         type() { // Checks for type and fixes Episodes route edge case 
             return typeFromRoute(this.$route)
         },
@@ -89,6 +93,17 @@ export default {
         
         this.$store.dispatch(`getAll${type}`, this.sortBy)
         this.$store.commit('SET_HERO', type)
+        console.log(this.isGrid)
     }
 }
-</script>
+</script>
+
+<style lang="postcss">
+article
+    .is-grid
+        display: flex
+        flex-direction: row
+        section
+            width: 33%
+
+</style>

vue-theme/src/pages/single.vue

@@ -73,7 +73,7 @@ export default {
     },
     methods: {
         pageBlocks(posts) {
-            if(!posts) return []
+            if(!posts || !posts[this.$route.params.slug]) return []
             return posts[this.$route.params.slug].blocks.map(block => {
                 if(block) return block
             })