feat: dynamic import for codeblock, and supported language

Author: zernonia

src/components/block.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import { defineAsyncComponent } from "vue"
 import { defineNotionProps, useNotionBlock } from "@/lib/blockable"
 import { availableType } from "@/lib/constant"
 import NotionBookmark from "@/blocks/bookmark.vue"
 import NotionCallout from "@/blocks/callout.vue"
-import NotionCode from "@/blocks/code.vue"
 import NotionColumn from "@/blocks/column.vue"
 import NotionEquation from "@/blocks/equation.vue"
 import NotionFigure from "@/blocks/helpers/figure.vue"
@@ -18,6 +18,47 @@ import NotionTodo from "@/blocks/todo.vue"
 import NotionToggle from "@/blocks/toggle.vue"
 import NotionTableOfContents from "@/blocks/table-of-contents.vue"
 
+const NotionCode = defineAsyncComponent(() =>
+  import("@/blocks/code.vue").then(async (m) => {
+    await Promise.all([
+      import("prismjs/components/prism-markup-templating"),
+      import("prismjs/components/prism-markup"),
+      import("prismjs/components/prism-bash"),
+      import("prismjs/components/prism-c"),
+      import("prismjs/components/prism-cpp"),
+      import("prismjs/components/prism-csharp"),
+      import("prismjs/components/prism-docker"),
+      import("prismjs/components/prism-java"),
+      import("prismjs/components/prism-js-templates"),
+      import("prismjs/components/prism-typescript"),
+      import("prismjs/components/prism-coffeescript"),
+      import("prismjs/components/prism-diff"),
+      import("prismjs/components/prism-git"),
+      import("prismjs/components/prism-go"),
+      import("prismjs/components/prism-graphql"),
+      import("prismjs/components/prism-handlebars"),
+      import("prismjs/components/prism-json"),
+      import("prismjs/components/prism-less"),
+      import("prismjs/components/prism-makefile"),
+      import("prismjs/components/prism-markdown"),
+      import("prismjs/components/prism-objectivec"),
+      import("prismjs/components/prism-ocaml"),
+      import("prismjs/components/prism-python"),
+      import("prismjs/components/prism-reason"),
+      import("prismjs/components/prism-rust"),
+      import("prismjs/components/prism-sass"),
+      import("prismjs/components/prism-scss"),
+      import("prismjs/components/prism-solidity"),
+      import("prismjs/components/prism-sql"),
+      import("prismjs/components/prism-stylus"),
+      import("prismjs/components/prism-swift"),
+      import("prismjs/components/prism-wasm"),
+      import("prismjs/components/prism-yaml"),
+    ])
+    return m
+  })
+)
+
 const props = defineProps({ ...defineNotionProps })
 //@ts-ignore
 const { pass, type, format, isType } = useNotionBlock(props)