feat(component): add column

components/column.vue

@@ -0,0 +1,16 @@
+<template>
+  <b-col v-editable="blok">
+    <component
+      :is="child.component"
+      v-for="child in blok.children"
+      :key="child._uid"
+      :blok="child"
+    ></component>
+  </b-col>
+</template>
+
+<script>
+export default {
+  props: { blok: { type: Object, required: true } },
+};
+</script>

plugins/components.js

@@ -5,10 +5,12 @@ import Grid from '@/components/grid.vue';
 import Feature from '@/components/feature.vue';
 import Hero from '@/components/hero.vue';
 import CardGroup from '@/components/card-group';
+import Column from '@/components/column';
 
 Vue.component('page', Page);
 Vue.component('teaser', Teaser);
 Vue.component('grid', Grid);
 Vue.component('feature', Feature);
 Vue.component('hero', Hero);
 Vue.component('card-group', CardGroup);
+Vue.component('column', Column);

storyblok/column.js

@@ -0,0 +1,30 @@
+module.exports = {
+  name: 'column',
+  display_name: null,
+  schema: {
+    children: {
+      type: 'bloks',
+    },
+    sm: {
+      type: 'number',
+    },
+    md: {
+      type: 'number',
+    },
+    lg: {
+      type: 'number',
+    },
+    xl: {
+      type: 'number',
+    },
+  },
+  image: null,
+  preview_field: null,
+  is_root: false,
+  preview_tmpl: null,
+  is_nestable: true,
+  all_presets: [],
+  preset_id: null,
+  real_name: 'column',
+  component_group_uuid: null,
+};