diff --git a/src/components/BlockContentRenderer.vue b/src/components/BlockContentRenderer.vue index eee103e..bfdbe45 100644 --- a/src/components/BlockContentRenderer.vue +++ b/src/components/BlockContentRenderer.vue @@ -13,6 +13,7 @@ import EmbedBlock from "./EmbedBlock"; import HeaderBlock from "./HeaderBlock"; import ImageBlock from "./ImageBlock"; +import LinkBlock from "./LinkBlock"; import ListBlock from "./ListBlock"; import ParagraphBlock from "./ParagraphBlock"; import QuoteBlock from "./QuoteBlock"; @@ -22,17 +23,18 @@ const componentTypes = { embed: EmbedBlock, header: HeaderBlock, image: ImageBlock, + link: LinkBlock, list: ListBlock, paragraph: ParagraphBlock, quote: QuoteBlock, - warning: WarningBlock, + warning: WarningBlock }; export default { props: ["content"], data() { return { - blocks: [], + blocks: [] }; }, mounted() { @@ -45,20 +47,20 @@ export default { if (!this.content.blocks) { return; } - this.blocks = this.content.blocks.map((block) => ({ + this.blocks = this.content.blocks.map(block => ({ component: componentTypes[block.type], type: block.type, - data: block.data, + data: block.data })); - }, + } }, watch: { content() { if (this.content) { this.prepareBlocks(); } - }, - }, + } + } }; diff --git a/src/components/LinkBlock.vue b/src/components/LinkBlock.vue new file mode 100644 index 0000000..279460a --- /dev/null +++ b/src/components/LinkBlock.vue @@ -0,0 +1,22 @@ + + + \ No newline at end of file