Add button block

dist/block-renderer.common.js

@@ -2415,12 +2415,12 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var AttachesBlock = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EmbedBlock.vue?vue&type=template&id=e6a17b8a&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EmbedBlock.vue?vue&type=template&id=fa9ca340&
-var EmbedBlockvue_type_template_id_e6a17b8a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('figure',[_c('iframe',{staticClass:"w-full",attrs:{"src":_vm.data.embed,"height":_vm.data.height,"frameborder":"0","allowfullscreen":""}}),_c('figcaption',{domProps:{"innerHTML":_vm._s(_vm.data.caption)}})])}
+var EmbedBlockvue_type_template_id_fa9ca340_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('figure',[_c('iframe',{staticClass:"w-full",attrs:{"src":_vm.data.embed,"height":_vm.data.height,"frameborder":"0","allowfullscreen":""}}),_c('figcaption',{domProps:{"innerHTML":_vm._s(_vm.data.caption)}})])}
-var EmbedBlockvue_type_template_id_e6a17b8a_staticRenderFns = []
+var EmbedBlockvue_type_template_id_fa9ca340_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/EmbedBlock.vue?vue&type=template&id=e6a17b8a&
+// CONCATENATED MODULE: ./src/components/EmbedBlock.vue?vue&type=template&id=fa9ca340&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EmbedBlock.vue?vue&type=script&lang=js&
 //
@@ -2431,6 +2431,12 @@ var EmbedBlockvue_type_template_id_e6a17b8a_staticRenderFns = []
 //
 //
 //
+//
+//
+//
+//
+//
+//
 /* harmony default export */ var EmbedBlockvue_type_script_lang_js_ = ({
   props: ["data"]
 });
@@ -2446,8 +2452,8 @@ var EmbedBlockvue_type_template_id_e6a17b8a_staticRenderFns = []
 
 var EmbedBlock_component = normalizeComponent(
   components_EmbedBlockvue_type_script_lang_js_,
-  EmbedBlockvue_type_template_id_e6a17b8a_render,
+  EmbedBlockvue_type_template_id_fa9ca340_render,
-  EmbedBlockvue_type_template_id_e6a17b8a_staticRenderFns,
+  EmbedBlockvue_type_template_id_fa9ca340_staticRenderFns,
   false,
   null,
   null,

dist/block-renderer.umd.js

@@ -2424,12 +2424,12 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var AttachesBlock = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EmbedBlock.vue?vue&type=template&id=e6a17b8a&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EmbedBlock.vue?vue&type=template&id=fa9ca340&
-var EmbedBlockvue_type_template_id_e6a17b8a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('figure',[_c('iframe',{staticClass:"w-full",attrs:{"src":_vm.data.embed,"height":_vm.data.height,"frameborder":"0","allowfullscreen":""}}),_c('figcaption',{domProps:{"innerHTML":_vm._s(_vm.data.caption)}})])}
+var EmbedBlockvue_type_template_id_fa9ca340_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('figure',[_c('iframe',{staticClass:"w-full",attrs:{"src":_vm.data.embed,"height":_vm.data.height,"frameborder":"0","allowfullscreen":""}}),_c('figcaption',{domProps:{"innerHTML":_vm._s(_vm.data.caption)}})])}
-var EmbedBlockvue_type_template_id_e6a17b8a_staticRenderFns = []
+var EmbedBlockvue_type_template_id_fa9ca340_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/EmbedBlock.vue?vue&type=template&id=e6a17b8a&
+// CONCATENATED MODULE: ./src/components/EmbedBlock.vue?vue&type=template&id=fa9ca340&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EmbedBlock.vue?vue&type=script&lang=js&
 //
@@ -2440,6 +2440,12 @@ var EmbedBlockvue_type_template_id_e6a17b8a_staticRenderFns = []
 //
 //
 //
+//
+//
+//
+//
+//
+//
 /* harmony default export */ var EmbedBlockvue_type_script_lang_js_ = ({
   props: ["data"]
 });
@@ -2455,8 +2461,8 @@ var EmbedBlockvue_type_template_id_e6a17b8a_staticRenderFns = []
 
 var EmbedBlock_component = normalizeComponent(
   components_EmbedBlockvue_type_script_lang_js_,
-  EmbedBlockvue_type_template_id_e6a17b8a_render,
+  EmbedBlockvue_type_template_id_fa9ca340_render,
-  EmbedBlockvue_type_template_id_e6a17b8a_staticRenderFns,
+  EmbedBlockvue_type_template_id_fa9ca340_staticRenderFns,
   false,
   null,
   null,

package.json

@@ -1,7 +1,7 @@
 {
   "name": "block-renderer",
   "description": "Content renderer for JSON blocks from Editor.js",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "author": "KingOfDog <info@kingofdog.de>",
   "repository": {
     "type": "git",

src/components/ButtonBlock.vue

@@ -0,0 +1,14 @@
+<script>
+export default {
+  props: ["data"],
+  render(createElement) {
+    return createElement("a", {
+      domProps: {
+        innerHTML: this.data.label,
+        href: this.data.url
+      },
+      class: ["button", "button-primary"]
+    });
+  }
+};
+</script>

src/components/EmbedBlock.vue

@@ -1,6 +1,12 @@
 <template>
   <figure>
-    <iframe :src="data.embed" :height="data.height" frameborder="0" allowfullscreen class="w-full"></iframe>
+    <iframe
+      :src="data.embed"
+      :height="data.height"
+      frameborder="0"
+      allowfullscreen
+      class="w-full"
+    ></iframe>
 
     <figcaption v-html="data.caption"></figcaption>
   </figure>
@@ -8,9 +14,6 @@
 
 <script>
 export default {
-  props: ["data"],
+  props: ["data"]
 };
 </script>
-
-<style>
-</style>

src/components/ListBlock.vue

@@ -5,7 +5,11 @@ export default {
     return createElement(
       this.data.style === "ordered" ? "ol" : "ul",
       this.data.items.map(item =>
-        createElement("li", { domProps: { innerHTML: item } })
+        createElement("li", {
+          domProps: {
+            innerHTML: item
+          }
+        })
       )
     );
   }