cleanup

Author: janniks

dev/serve.vue

@@ -22,6 +22,7 @@ export default {
   async created() {
     // react-notion tester: 2e22de6b770e4166be301490f6ffd420
     // equation tester: 2a1d5226d68246deba627012081693f9
+    // sync tester: c10e1556bec44f23a20f71497b3d98c4
     // table tester: bd1de400a8b349dc824f4f00e61d0797
     // todo tester: 235057194b954a60ace89c052a65d102
     this.blockMap = await getPageBlocks("2e22de6b770e4166be301490f6ffd420");

src/blocks/sync-pointer.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import Blockable, { blockComputed } from "@/lib/blockable";
+import { Blockable, blockComputed } from "@/lib/blockable";
 
 export default {
   extends: Blockable,

src/components/block.vue

@@ -41,10 +41,13 @@
   />
   <NotionTable v-else-if="isType('table')" v-bind="pass"><slot /></NotionTable>
   <NotionSyncPointer
-    v-else-if="isType('transclusion_reference')"
+    v-else-if="isRendererRegistered && isType('transclusion_reference')"
     v-bind="pass"
   />
-  <div v-else-if="isType('transclusion_container')" class="notion-sync-block">
+  <div
+    v-else-if="isRendererRegistered && isType('transclusion_container')"
+    class="notion-sync-block"
+  >
     <slot />
   </div>
   <NotionTableRow v-else-if="isType('table_row')" v-bind="pass" />
@@ -58,7 +61,9 @@
 </template>
 
 <script>
-import { Blockable } from "@/lib/blockable";
+import Vue from "vue";
+
+import { Blockable, blockComputed } from "@/lib/blockable";
 
 import NotionBookmark from "@/blocks/bookmark";
 import NotionCallout from "@/blocks/callout";
@@ -99,5 +104,11 @@ export default {
     NotionTodo,
     NotionToggle,
   },
+  computed: {
+    ...blockComputed,
+    isRendererRegistered() {
+      return "NotionRenderer" in Vue?.options?.components;
+    },
+  },
 };
 </script>