✨ (youtube) imbedded videos

src/hooks/useMarkdown.hook.ts

@@ -1,10 +1,13 @@
 import MarkdownIt from 'markdown-it'
 import markdownItClass from '@toycode/markdown-it-class'
+import blockEmbedPlugin from 'markdown-it-block-embed'
+import { NOTE_WIDTH } from '@/constants/note-width'
 
 const md = new MarkdownIt({
   typographer: true,
   quotes: ['«\xA0', '\xA0»', '‹\xA0', '\xA0›']
-}).use(markdownItClass, {
+})
+  .use(markdownItClass, {
     h1: ['title', 'is-2'],
     h2: ['title', 'is-3'],
     h3: ['title', 'is-4'],
@@ -12,7 +15,12 @@ const md = new MarkdownIt({
     h5: ['title', 'is-6'],
     h6: ['title', 'is-6'],
     table: ['table', 'is-striped', 'is-hoverable']
-})
+  })
+  .use(blockEmbedPlugin, {
+    youtube: {
+      width: NOTE_WIDTH - 80
+    }
+  })
 
 export const useMarkdown = () => {
   return {