<script>
  import BlocksRenderer from "notion-vue-renderer";

  const blocks = {
    object: "list",
    results: [
      {
        object: "block",
        type: "heading_1",
        heading_1: {
          text: [
            {
              type: "text",
              text: {
                content: "Hello World",
                link: null,
              },
              annotations: {
                bold: false,
                italic: false,
                strikethrough: false,
                underline: false,
                code: false,
                color: "default",
              },
              plain_text: "Hello World",
              href: null,
            },
          ],
        },
      },
    ],
  };

  export default {
    data() {
      return {
        blocks: blocks.result,
      };
    },
  };
</script>

<template>
  <BlocksRenderer :blocks="blocks" />
</template>