Fix circular reference

tough-dev-school · Nov 14, 2023 · 47e13cb · 47e13cb
1 parent 8af3218
commit 47e13cb
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/components/NotionCallout.vue b/components/NotionCallout.vue
@@ -20,12 +20,15 @@
   import NotionPageIcon from './NotionPageIcon.vue';
   import NotionRenderer from './NotionRenderer.vue';
   import NotionTextRenderer from './NotionTextRenderer.vue';
+  import { defineAsyncComponent } from 'vue';
 
   export default {
     components: {
       NotionPageIcon,
       NotionTextRenderer,
-      NotionRenderer,
+      NotionRenderer: defineAsyncComponent(
+        () => import('./NotionRenderer.vue'),
+      ),
     },
     extends: Blockable,
   };