✨ (iframe) add iframe

package.json

@@ -23,6 +23,7 @@
     "markdown-it-block-embed": "^0.0.3",
     "markdown-it-checkbox": "^1.1.0",
     "markdown-it-footnote": "^3.0.3",
+    "markdown-it-iframe": "^1.0.0",
     "markdown-it-latex": "^0.2.0",
     "markdown-it-svg-code-copy": "^1.0.0",
     "nanoid": "^4.0.2",

pnpm-lock.yaml

@@ -41,6 +41,9 @@ dependencies:
   markdown-it-footnote:
     specifier: ^3.0.3
     version: 3.0.3
+  markdown-it-iframe:
+    specifier: ^1.0.0
+    version: 1.0.0
   markdown-it-latex:
     specifier: ^0.2.0
     version: 0.2.0
@@ -4183,6 +4186,10 @@ packages:
     resolution: {integrity: sha512-YZMSuCGVZAjzKMn+xqIco9d1cLGxbELHZ9do/TSYVzraooV8ypsppKNmUJ0fVH5ljkCInQAtFpm8Rb3eXSrt5w==}
     dev: false
 
+  /markdown-it-iframe@1.0.0:
+    resolution: {integrity: sha512-UA/MZARLnUXJkhd+ECpMUBLLnMmOB4LmgOUL41+1GMqcwZnb1utP6VNZ4ZvEn5o9ZnuAUh6zvYcsQciwxy7WvA==}
+    dev: false
+
   /markdown-it-latex@0.2.0:
     resolution: {integrity: sha512-vCaS6Dws9faA8lZel7Slfa1IYEnbYOjHzian/tDBulONBS+f9vRkFfQ4S0eFnTGtDTTXqE7zAnoezkv18b9IIA==}
     dependencies:

src/hooks/useMarkdown.hook.ts

@@ -6,6 +6,7 @@ import MarkdownIt from 'markdown-it'
 import blockEmbedPlugin from 'markdown-it-block-embed'
 import markdownItCheckbox from 'markdown-it-checkbox'
 import markdownItFootnote from 'markdown-it-footnote'
+import markdownItIframe from 'markdown-it-iframe'
 import markdownItLatex from 'markdown-it-latex'
 import markdownItSvgCodeCopy from 'markdown-it-svg-code-copy'
 
@@ -40,6 +41,10 @@ const md = new MarkdownIt({
   })
   .use(markdownItFootnote)
   .use(markdownItLatex)
+  .use(markdownItIframe, {
+    width: '100%',
+    height: 400
+  })
 
 export const useMarkdown = (defaultPrefix?: string) => {
   return {

src/shims-vue.d.ts

@@ -10,3 +10,4 @@ declare module 'markdown-it-checkbox'
 declare module 'markdown-it-footnote'
 declare module 'markdown-it-regexp'
 declare module 'markdown-it-latex'
+declare module 'markdown-it-iframe'