add sync pointer blocks

Author: zernonia

src/blocks/sync-block.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div class="notion-sync-block"><slot /></div>
+</template>
+
+<script lang="ts">
+export default {
+  name: "NotionSyncBlock",
+}
+</script>

src/blocks/sync-pointer-block.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { computed } from "vue"
+import { useNotionBlock, defineNotionProps } from "@/lib/blockable"
+import NotionRenderer from "@/components/notion-renderer.vue"
+
+const props = defineProps({ ...defineNotionProps })
+//@ts-ignore
+const { block, pass } = useNotionBlock(props)
+
+const referencePointerId = computed(() => block.value.value.format?.transclusion_reference_pointer?.id ?? "")
+</script>
+
+<template>
+  <NotionRenderer
+    v-bind="pass"
+    :key="referencePointerId"
+    :level="pass.level + 1"
+    :content-id="referencePointerId"
+    :content-index="contentIndex"
+  ></NotionRenderer>
+</template>
+
+<script lang="ts">
+export default {
+  name: "NotionSyncPointerBlock",
+}
+</script>