feat: video on markdown

package-lock.json

@@ -29,6 +29,7 @@
         "markdown-it-anchor": "^9.0.1",
         "markdown-it-highlightjs": "^4.1.0",
         "markdown-it-image-figures": "^2.1.1",
+        "markdown-it-video": "^0.6.3",
         "moment": "^2.29.4",
         "pinia": "^2.0.29",
         "quasar": "^2.11.1",
@@ -6175,6 +6176,12 @@
         "markdown-it": "*"
       }
     },
+    "node_modules/markdown-it-video": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/markdown-it-video/-/markdown-it-video-0.6.3.tgz",
+      "integrity": "sha512-T4th1kwy0OcvyWSN4u3rqPGxvbDclpucnVSSaH3ZacbGsAts964dxokx9s/I3GYsrDCJs4ogtEeEeVP18DQj0Q==",
+      "license": "MIT"
+    },
     "node_modules/mdurl": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
@@ -13594,6 +13601,11 @@
       "integrity": "sha512-mwXSQ2nPeVUzCMIE3HlLvjRioopiqyJLNph0pyx38yf9mpqFDhNGnMpAXF9/A2Xv0oiF2cVyg9xwfF0HNAz05g==",
       "requires": {}
     },
+    "markdown-it-video": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/markdown-it-video/-/markdown-it-video-0.6.3.tgz",
+      "integrity": "sha512-T4th1kwy0OcvyWSN4u3rqPGxvbDclpucnVSSaH3ZacbGsAts964dxokx9s/I3GYsrDCJs4ogtEeEeVP18DQj0Q=="
+    },
     "mdurl": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",

package.json

@@ -35,6 +35,7 @@
     "markdown-it-anchor": "^9.0.1",
     "markdown-it-highlightjs": "^4.1.0",
     "markdown-it-image-figures": "^2.1.1",
+    "markdown-it-video": "^0.6.3",
     "moment": "^2.29.4",
     "pinia": "^2.0.29",
     "quasar": "^2.11.1",

public/documents/chapter-1-superadmin-maintenance.md

@@ -1,5 +1,7 @@
 # คู่มือสิทธิ์การใช้งานของ Admin
 
+@[youtube](https://www.youtube.com/watch?v=dQw4w9WgXcQ)
+
 - เมื่อเข้าสู่ระบบที่ผู้ใช้มีสิทธิ์เป็น Admin(ผู้ดูแลระบบ)โดยหากเข้าสู่ระบบโดยใช้สิทธิ์ Admin จะประกอบด้วย 3 เมนู ได้แก่ หน้าแรก จัดการผู้ใช้งานสิทธิ์ และประวัติกิจกรรม
 
 ![รูปภาพที่ 1 – 1 เมนูผู้ใช้มีสิทธิ์เป็น Admin (ผู้ดูแลระบบ)](images/admin-superadmin-mainten/chapter1-admin/chapter1_1.png#center)

src/modules/01_manual/MainPage.vue

@@ -8,10 +8,18 @@ import mditFigureWithPCaption from "markdown-it-image-figures";
 import mditAnchor from "markdown-it-anchor";
 import { useManualStore } from "@/stores/manual";
 import { storeToRefs } from "pinia";
+// @ts-expect-error
+import mditVideo from "markdown-it-video";
 
-const md = new MarkdownIt().use(mditAnchor).use(mditFigureWithPCaption, {
+const md = new MarkdownIt()
+  .use(mditAnchor)
+  .use(mditVideo)
+  .use(mditFigureWithPCaption, {
     figcaption: "alt",
-});
+    html: true,
+    linkify: true,
+    typography: true,
+  });
 
 const route = useRoute();
 const manual = useManualStore();