:poop: starting block component support

vue-theme/src/components/block.vue

+<template lang="pug">
+.block
+    p block component
+    p {{ block }}
+</template>
+
+<script>
+
+export default {
+    props: {
+        block: { required: true }
+    },
+    data() {
+        return {
+        }
+    },
+    computed: {
+    },
+    methods: {
+    },
+    created() {
+  
+    }
+}
+</script>
+
+<style lang="postcss">
+.block
+</style>

vue-theme/src/pages/single.vue

                 p end: {{ dateFrom(post.end) }}
 
 
-        .post-single.block-wrapper(v-for="(block, i) in post.blocks" :key="`block-${i}`")
-            //- ?: are objects are always gallery blocks
-            .gallery.block(v-if="typeof block === 'object'" :class="`gallery-${i}`")
-                p gallery number: {{ i }}
-                p {{ post.blocks }}
-                //- p ids: {{ post.galleries[block.gallery].innerHTML }}
-                //- .test(v-html="post.galleries[block.gallery].innerHTML")
-                //- ul.t-cntr(v-if="post.galleries[block.gallery]")
-                //-     li(v-for="(imageID, j) in getImageIdsForGallery(block.gallery)" :class="`gallery-${i}--image-${j+1}`" :key="`block-${i}-${j}`")
-                //-         img(@click="openGallery(i - 1, imageID)" :src="post.attached[imageID]['thumbnail']")
-                //-         //- TO DO Caption stuff and full screen Title/Description
-                //-         p Caption goes here<br>
-                //-             button(@click="openGallery(i - 1, imageID)") gallery: {{ i }} image: {{ imageID }}
-                        br
-                //- Fullscreen gallery component for every gallery block
-                gallery(
-                    v-if="activeGalleryIndex == (i - 1)"
-                    :activeImageIndex="activeImageIndex"
-                    v-on:close="activeGalleryIndex = -1"
-                    :images="imagesInGallery"
-                )
-
+        .post-single.block-wrapper(v-for="(block, index) in post.blocks" :key="`block-${index}`")
+            block(:block="block")
+            p(v-if="block.hasOwnProperty('gallery')") {{ block }}
+            p(v-else-if="block.length && typeof block === 'object'" v-for="inner in block") {{ inner }}
+            p(v-else) single {{ block }}
             //- Just a regular block (html or img)
-            .block(v-else v-html="block")
+            //- .block(v-else v-html="block")
 
     sidebar(v-if="sidebar" :type="`${type}`")
         .shadow
-            h1.t-up single slot
+            h1.t-up single slot 
             div
                 p body whatever
 </template>
 <script>
 import sidebar from '@/components/sidebars/sidebar'
 import gallery from '@/components/gallery/'
+import block from '@/components/block'
+
 import { postTypeGetters } from './mixin-post-types'
 
 import { convertTitleCase, typeFromRoute } from '@/utils/helpers'
 
 export default {
-    components: { sidebar, gallery },
+    components: { sidebar, gallery, block },
     props: {
         sidebar: { type: Boolean }
     },