vue-wp/vue-theme/src/components/content-block/block.vue

<template lang="pug">
.block.gallery(v-if="block.hasOwnProperty('gallery')")
    p place-holder gallery {{ block.gallery }}

.block.embed(v-else-if="block[0].blockName == 'core/embed'")
    .youtube(v-if="block[0].attrs.providerNameSlug == 'youtube'")
        p youtube: {{ block[0].attrs }}
    .not-youtube(v-else)
        p not youtube: {{ block[0].attrs }}
rblock(v-else-if="typeof block === 'object'" :block="block")
        
.block.single(v-else)
    .single--content(v-html="block")
</template>

<script>
import rblock from './block-recursive'

export default {
    components: { rblock },
    props: {
        block: { required: true }
    },
    data() {
        return {
        }
    },
    computed: {
    }
}
</script>

<style lang="postcss">
.block
</style>