add maps and drive types

Author: zernonia

src/blocks/helpers/figure.vue

@@ -2,6 +2,7 @@
 import { useNotionBlock, defineNotionProps } from "@/lib/blockable"
 import NotionAsset from "@/blocks/helpers/asset.vue"
 import NotionImage from "@/blocks/helpers/image.vue"
+import NotionGoogleDrive from "@/blocks/helpers/google-drive.vue"
 import NotionTextRenderer from "@/blocks/helpers/text-renderer.vue"
 
 const props = defineProps({ ...defineNotionProps })
@@ -17,7 +18,8 @@ export default {
 <template>
   <figure class="notion-asset-wrapper" :style="width">
     <NotionImage v-if="isType('image')" v-bind="pass" />
-    <NotionAsset v-else-if="isType(['embed', 'video', 'figma'])" v-bind="pass" />
+    <NotionAsset v-else-if="isType(['embed', 'video', 'figma', 'maps'])" v-bind="pass" />
+    <NotionGoogleDrive v-else-if="isType('drive')" v-bind="pass" />
     <figcaption v-if="caption" class="notion-image-caption">
       <NotionTextRenderer :text="caption" v-bind="pass" />
     </figcaption>

src/components/block.vue

@@ -27,7 +27,6 @@ const props = defineProps({ ...defineNotionProps })
 //@ts-ignore
 const { pass, type, format, isType } = useNotionBlock(props)
 if (!availableType.includes(type.value)) console.warn(`${type.value.toUpperCase()} is not implemented yet`)
-// console.log(type.value)
 </script>
 
 <template>
@@ -56,7 +55,7 @@ if (!availableType.includes(type.value)) console.warn(`${type.value.toUpperCase(
   <NotionList v-else-if="isType(['bulleted_list', 'numbered_list'])" v-bind="pass">
     <slot />
   </NotionList>
-  <NotionFigure v-else-if="isType(['image', 'embed', 'figma', 'video', 'audio'])" v-bind="pass" />
+  <NotionFigure v-else-if="isType(['image', 'embed', 'figma', 'video', 'audio', 'drive', 'maps'])" v-bind="pass" />
   <NotionTable v-else-if="isType('table')" v-bind="pass"><slot /></NotionTable>
   <NotionTableRow v-else-if="isType('table_row')" v-bind="pass" />
   <NotionTableOfContents v-else-if="isType('table_of_contents')" v-bind="pass"></NotionTableOfContents>