diff --git a/package.json b/package.json
index 81082b9c..f5193b4f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "md-editor-v3",
-  "version": "4.18.1",
+  "version": "4.19.0",
   "keywords": [
     "vue",
     "vue3",
@@ -34,13 +34,14 @@
   },
   "dependencies": {
     "@vavt/cm-extension": "^1.4.2",
-    "@vavt/v3-extension": "^1.2.3",
+    "@vavt/message": "^2.0.0",
+    "@vavt/v3-extension": "^1.3.0",
     "axios": "^1.6.7",
     "dayjs": "^1.11.10",
     "markdown-it-anchor": "^9.0.1",
     "markdown-it-link-attributes": "^4.0.1",
     "markdown-it-mark": "^4.0.0",
-    "md-editor-v3": "^4.18.1",
+    "md-editor-v3": "^4.19.0",
     "nprogress": "^0.2.0",
     "vue": "3.2.47",
     "vue-router": "^4.3.0",
diff --git a/public/demo-en-US.md b/public/demo-en-US.md
index da62acc1..2da97a3b 100644
--- a/public/demo-en-US.md
+++ b/public/demo-en-US.md
@@ -78,7 +78,9 @@ export default defineComponent({
   name: 'MdEditor',
   setup() {
     const text = ref('');
-    return () => <MdEditor modelValue={text.value} onChange={(v) => (text.value = v)} />;
+    const onChange = (v) => (text.value = v);
+
+    return () => <MdEditor modelValue={text.value} onChange={onChange} />;
   }
 });
 ```
@@ -104,7 +106,15 @@ const scrollElement = document.documentElement;
 
 When using server-side rendering, `scrollElement` should be of string type, eg: `body`, `#id`, `.class`.
 
-## 🥂 Api Usage
+## 🎛 Used in Web Component
+
+Complete example reference [the sample project](https://github.com/imzbf/md-editor-v3/tree/main/example/webComponent) provided in the source code.
+
+Here are the precautions:
+
+1. The image zoom-in view feature is ineffective; implementation needs to be done manually!!!
+2. Do not use CDN to reference dependency libraries by default; refer to [[Import All Library]](https://imzbf.github.io/md-editor-v3/en-US/demo#%F0%9F%99%8D%F0%9F%8F%BB%E2%80%8D%E2%99%82%EF%B8%8F%20Import%20All%20Library)!!!
+3. Only font-class type icons can be used; the default symbol type is ineffective!!!## 🥂 Api Usage
 
 Usages of some APIs.
 
@@ -717,7 +727,7 @@ To get complete code, refer to [docs](https://github.com/imzbf/md-editor-v3/blob
   --md-color: if(@isDark, #999, #222);
   --md-hover-color: if(@isDark, #bbb, #000);
   --md-bk-color: if(@isDark, #000, #fff);
-  --md-bk-color-outstand: if(@isDark, #111, #f6f6f6);
+  --md-bk-color-outstand: if(@isDark, #333, #f2f2f2);
   --md-bk-hover-color: if(@isDark, #1b1a1a, #f5f7fa);
   --md-border-color: if(@isDark, #2d2d2d, #e6e6e6);
   --md-border-hover-color: if(@isDark, #636262, #b9b9b9);
diff --git a/public/demo-zh-CN.md b/public/demo-zh-CN.md
index b13df2ff..53139250 100644
--- a/public/demo-zh-CN.md
+++ b/public/demo-zh-CN.md
@@ -78,9 +78,9 @@ export default defineComponent({
   name: 'MdEditor',
   setup() {
     const text = ref('');
-    return () => (
-      <MdEditor modelValue={text.value} onChange={(v: string) => (text.value = v)} />
-    );
+    const onChange = (v: string) => (text.value = v);
+
+    return () => <MdEditor modelValue={text.value} onChange={onChange} />
   }
 });
 ```
@@ -107,6 +107,16 @@ const scrollElement = document.documentElement;
 
 当使用服务端渲染时，`scrollElement`应该是字符类型，例：`body`、`#id`、`.class`。
 
+## 🎛 Web Component中使用
+
+完整的示例参考源码中提供的[示例项目](https://github.com/imzbf/md-editor-v3/tree/main/example/webComponent)
+
+下面是注意事项
+
+1. 内部的图片放大查看无效，需要自行实现！！！
+2. 不能默认的使用CDN引用依赖库，参考[[自行引入扩展库]](https://imzbf.github.io/md-editor-v3/zh-CN/demo#%F0%9F%99%8D%F0%9F%8F%BB%E2%80%8D%E2%99%82%EF%B8%8F%20%E8%87%AA%E8%A1%8C%E5%BC%95%E5%85%A5%E6%89%A9%E5%B1%95%E5%BA%93)！！！
+3. 只能使用font-class引用的图标，默认的symbol引用无效！！！
+
 ## 🥂 扩展功能
 
 这里包含了一些编辑器`api`的使用示范
@@ -723,7 +733,7 @@ const toolbars = ['italic', 'underline', '-', 'bold', '=', 'github'];
   --md-color: if(@isDark, #999, #222);
   --md-hover-color: if(@isDark, #bbb, #000);
   --md-bk-color: if(@isDark, #000, #fff);
-  --md-bk-color-outstand: if(@isDark, #111, #f6f6f6);
+  --md-bk-color-outstand: if(@isDark, #333, #f2f2f2);
   --md-bk-hover-color: if(@isDark, #1b1a1a, #f5f7fa);
   --md-border-color: if(@isDark, #2d2d2d, #e6e6e6);
   --md-border-hover-color: if(@isDark, #636262, #b9b9b9);
@@ -790,16 +800,22 @@ import highlight from 'highlight.js';
 import 'highlight.js/styles/atom-one-dark.css';
 
 // <3.0
-import prettier from 'prettier';
-import parserMarkdown from 'prettier/parser-markdown';
+// import prettier from 'prettier';
+// import parserMarkdown from 'prettier/parser-markdown';
 // >=3.0
 import * as prettier from 'prettier';
 import parserMarkdown from 'prettier/plugins/markdown';
 
+// 1. symbol引用
 // ${iconfontSvgUrl}
 import './assets/iconfont.js';
+// 2. font-class引用
+// ${iconfontClassUrl}
+import './assets/iconfont.css';
 
 config({
+  // font-class引用
+  // iconfontType: 'class',
   editorExtensions: {
     prettier: {
       prettierInstance: prettier,
@@ -824,6 +840,8 @@ config({
 });
 ```
 
+App.vue
+
 ```vue
 <template>
   <MdEditor v-model="text" noIconfont />
diff --git a/public/doc-en-US.md b/public/doc-en-US.md
index 86ed5fa7..cc5ad6a8 100644
--- a/public/doc-en-US.md
+++ b/public/doc-en-US.md
@@ -575,7 +575,13 @@ Except for the same as `MdPreview`:
   Preset the size of the table, [columns, rows, Maximum number of columns, Maximum number of rows]
 
   ```vue
-  <MdEditor :tableShape="[8, 4]" />
+  <template>
+    <MdEditor :tableShape="tableShape" />
+  </tempale>
+
+  <script setup>
+  const tableShape = [8, 4];
+  </script>
   ```
 
   ![Preview](https://imzbf.github.io/md-editor-v3/imgs/20211216165424.png)
@@ -784,11 +790,13 @@ Custom toolbar in `DropdownToolbar`, `NormalToolbar` or `ModalToolbar`.
   import { MdEditor, NormalToolbar } from 'md-editor-v3';
   import 'md-editor-v3/lib/style.css';
 
+  const toolbars = ['bold', '-', 0, '=', 'github'];
+
   export default defineComponent({
     setup() {
       return () => (
         <MdEditor
-          toolbars={['bold', '-', 0, '=', 'github']}
+          toolbars={toolbars}
           defToolbars={
             <>
               <NormalToolbar
@@ -843,11 +851,13 @@ For more info, Get **Internal Components** heading. Get source code of **mark**,
   import { MdEditor } from 'md-editor-v3';
   import 'md-editor-v3/lib/style.css';
 
+  const footers = ['markdownTotal', 0, '=', 1, 'scrollSwitch'];
+
   export default defineComponent({
     setup() {
       return () => (
         <MdEditor
-          footers={['markdownTotal', 0, '=', 1, 'scrollSwitch']}
+          footers={footers}
           defFooters={
             <>
               <span>￥_￥</span>
@@ -1733,6 +1743,25 @@ config({
 
 ---
 
+### 🔧 katexConfig
+
+Configure `katex`, [Details](https://katex.org/docs/options)
+
+```js
+import { config } from 'md-editor-v3';
+
+config({
+  katexConfig(base: any) {
+    return {
+      ...base,
+      strict: false
+    };
+  }
+});
+```
+
+---
+
 ## 🪡 Shortcut keys
 
 !!! warning Pay attention
@@ -1850,7 +1879,7 @@ const handler = () => {
 
 ```vue
 <template>
-  <MdEditor v-model="text" :toolbars="['bold', 0, 'github']">
+  <MdEditor v-model="text" :toolbars="toolbars">
     <template #defToolbars>
       <MyToolbar />
     </template>
@@ -1864,6 +1893,7 @@ import MyToolbar from './MyToolbar.vue';
 import 'md-editor-v3/lib/style.css';
 
 const text = ref('');
+const toolbars = ['bold', 0, 'github'];
 </script>
 ```
 
@@ -1956,7 +1986,7 @@ const handler = (emoji: any) => {
 
 ```vue
 <template>
-  <MdEditor v-model="text" :toolbars="['bold', 0, 'github']">
+  <MdEditor v-model="text" :toolbars="toolbars">
     <template #defToolbars>
       <MyToolbar />
     </template>
@@ -1970,6 +2000,7 @@ import MyToolbar from './MyToolbar.vue';
 import 'md-editor-v3/lib/style.css';
 
 const text = ref('');
+const toolbars = ['bold', 0, 'github'];
 </script>
 ```
 
@@ -2069,7 +2100,7 @@ const handler = () => {
 
 ```vue
 <template>
-  <MdEditor v-model="text" :toolbars="['bold', 0, 'github']">
+  <MdEditor v-model="text" :toolbars="toolbars">
     <template #defToolbars>
       <MyToolbar />
     </template>
@@ -2083,6 +2114,7 @@ import MyToolbar from './MyToolbar.vue';
 import 'md-editor-v3/lib/style.css';
 
 const text = ref('');
+const toolbars = ['bold', 0, 'github'];
 </script>
 ```
 
diff --git a/public/doc-zh-CN.md b/public/doc-zh-CN.md
index 37ab7941..d62826b2 100644
--- a/public/doc-zh-CN.md
+++ b/public/doc-zh-CN.md
@@ -575,7 +575,13 @@
   标题栏添加表格时，预设待选表格大小，第一个代表最大列数，第二个代表最大行数，第三个代表扩展最大列数，第四个代表扩展最大行数。
 
   ```vue
-  <MdEditor :tableShape="[8, 4]" />
+  <template>
+    <MdEditor :tableShape="tableShape" />
+  </tempale>
+
+  <script setup>
+  const tableShape = [8, 4];
+  </script>
   ```
 
   ![表格预设大小预览](https://imzbf.github.io/md-editor-v3/imgs/20211216165424.png)
@@ -791,11 +797,13 @@
   import { MdEditor, NormalToolbar } from 'md-editor-v3';
   import 'md-editor-v3/lib/style.css';
 
+  const toolbars = ['bold', '-', 0, '=', 'github'];
+
   export default defineComponent({
     setup() {
       return () => (
         <MdEditor
-          toolbars={['bold', '-', 0, '=', 'github']}
+          toolbars={toolbars}
           defToolbars={
             <>
               <NormalToolbar
@@ -804,7 +812,7 @@
                     <use xlinkHref="#icon-strike-through" />
                   </svg>
                 }
-              ></NormalToolbar>
+              />
             </>
           }
         />
@@ -853,11 +861,13 @@
   import { MdEditor } from 'md-editor-v3';
   import 'md-editor-v3/lib/style.css';
 
+  const footers = ['markdownTotal', 0, '=', 1, 'scrollSwitch'];
+
   export default defineComponent({
     setup() {
       return () => (
         <MdEditor
-          footers={['markdownTotal', 0, '=', 1, 'scrollSwitch']}
+          footers={footers}
           defFooters={
             <>
               <span>￥_￥</span>
@@ -1754,6 +1764,25 @@ config({
 
 ---
 
+### 🔧 katexConfig
+
+katex 配置项，[配置详情](https://katex.org/docs/options)
+
+```js
+import { config } from 'md-editor-v3';
+
+config({
+  katexConfig(base: any) {
+    return {
+      ...base,
+      strict: false
+    };
+  }
+});
+```
+
+---
+
 ## 🪡 快捷键
 
 主要以`CTRL`搭配对应功能英文单词首字母，冲突项添加`SHIFT`，再冲突替换为`ALT`。
@@ -1871,7 +1900,7 @@ const handler = () => {
 
 ```vue
 <template>
-  <MdEditor v-model="text" :toolbars="['bold', 0, 'github']">
+  <MdEditor v-model="text" :toolbars="toolbars">
     <template #defToolbars>
       <MyToolbar />
     </template>
@@ -1885,6 +1914,7 @@ import MyToolbar from './MyToolbar.vue';
 import 'md-editor-v3/lib/style.css';
 
 const text = ref('');
+const toolbars = ['bold', 0, 'github'];
 </script>
 ```
 
@@ -1977,7 +2007,7 @@ const handler = (emoji: any) => {
 
 ```vue
 <template>
-  <MdEditor v-model="text" :toolbars="['bold', 0, 'github']">
+  <MdEditor v-model="text" :toolbars="toolbars">
     <template #defToolbars>
       <MyToolbar />
     </template>
@@ -1991,6 +2021,7 @@ import MyToolbar from './MyToolbar.vue';
 import 'md-editor-v3/lib/style.css';
 
 const text = ref('');
+const toolbars = ['bold', 0, 'github'];
 </script>
 ```
 
@@ -2090,7 +2121,7 @@ const handler = () => {
 
 ```vue
 <template>
-  <MdEditor v-model="text" :toolbars="['bold', 0, 'github']">
+  <MdEditor v-model="text" :toolbars="toolbars">
     <template #defToolbars>
       <MyToolbar />
     </template>
@@ -2104,6 +2135,7 @@ import MyToolbar from './MyToolbar.vue';
 import 'md-editor-v3/lib/style.css';
 
 const text = ref('');
+const toolbars = ['bold', 0, 'github'];
 </script>
 ```
 
diff --git a/public/grammar-en-US.md b/public/grammar-en-US.md
index 88ada73e..6b911d16 100644
--- a/public/grammar-en-US.md
+++ b/public/grammar-en-US.md
@@ -239,10 +239,14 @@ Two modes.
 
 ### 🐽 Inline
 
-$x+y^{2x}$
+$x+y^{2x}$ \(\xrightarrow[under]{over}\)
 
 ```markdown
 $x+y^{2x}$
+
+<!-- or -->
+
+\(\xrightarrow[under]{over}\)
 ```
 
 ---
@@ -251,14 +255,16 @@ $x+y^{2x}$
 
 $$\sqrt[3]{x}$$
 
+\[\xrightarrow[under]{over}\]
+
 ```markdown
 $$
 \sqrt[3]{x}
 $$
 
-or
+<!-- or -->
 
-$$\sqrt[3]{x}$$
+\[\xrightarrow[under]{over}\]
 ```
 
 For more usage: [https://katex.org/docs/supported.html](https://katex.org/docs/supported.html)
diff --git a/public/grammar-zh-CN.md b/public/grammar-zh-CN.md
index 4fe1a370..51042efa 100644
--- a/public/grammar-zh-CN.md
+++ b/public/grammar-zh-CN.md
@@ -239,24 +239,32 @@ import 'md-editor-v3/lib/style.css';
 
 ### 🐽 行内
 
-$x+y^{2x}$
+$x+y^{2x}$ \(\xrightarrow[under]{over}\)
 
 ```markdown
 $x+y^{2x}$
+
+<!-- or -->
+
+\(\xrightarrow[under]{over}\)
 ```
 
+---
+
 ### 🐸 块级
 
 $$\sqrt[3]{x}$$
 
+\[\xrightarrow[under]{over}\]
+
 ```markdown
 $$
 \sqrt[3]{x}
 $$
 
-或者
+<!-- or -->
 
-$$\sqrt[3]{x}$$
+\[\xrightarrow[under]{over}\]
 ```
 
 更多公式示例参考：[https://katex.org/docs/supported.html](https://katex.org/docs/supported.html)
@@ -283,7 +291,7 @@ gitGraph
 ```
 
 ````markdown
-```mermaid
+```
 ---
 title: Example Git diagram
 ---
diff --git a/src/layouts/PreviewContent/index.vue b/src/layouts/PreviewContent/index.vue
index 526455b5..5dcade4a 100644
--- a/src/layouts/PreviewContent/index.vue
+++ b/src/layouts/PreviewContent/index.vue
@@ -8,7 +8,6 @@
       :language="store.state.lang"
       :showCodeRowNumber="props.showCodeRowNumber"
       :codeTheme="store.state.codeTheme"
-      :autoFoldThreshold="16"
       @onHtmlChanged="onHtmlChanged"
     />
   </div>
diff --git a/src/pages/Preview/index.vue b/src/pages/Preview/index.vue
index c6cd6253..23b252ea 100644
--- a/src/pages/Preview/index.vue
+++ b/src/pages/Preview/index.vue
@@ -20,7 +20,12 @@
           <Mark />
           <Emoji />
           <ReadExtension :mdText="state.text" />
-          <ExportPDF :modelValue="state.text" height="700px" />
+          <ExportPDF
+            :modelValue="state.text"
+            height="700px"
+            @onSuccess="onSuccess"
+            @onProgress="onProgress"
+          />
         </template>
         <template #defFooters>
           <TimeNow />
@@ -46,6 +51,7 @@ import { MdEditor } from 'md-editor-v3';
 import { Emoji, Mark, ExportPDF } from '@vavt/v3-extension';
 import { isMobile } from '@vavt/util';
 import type { ExposeParam } from 'md-editor-v3';
+import { message } from '@vavt/message';
 import '@vavt/v3-extension/lib/asset/style.css';
 import mdEN from '../../../public/preview-en-US.md';
 import mdCN from '../../../public/preview-zh-CN.md';
@@ -129,6 +135,35 @@ const changeLayout = () => {
   }
 };
 
+let updateRatio: ((str: string) => void) | undefined;
+let closrRatio = () => {};
+
+const onProgress = ({ ratio }: any) => {
+  if (updateRatio) {
+    updateRatio(`Progress: ${ratio * 100}%`);
+  } else {
+    const { close, update } = message.info(`Progress: ${ratio * 100}%`, {
+      zIndex: 999999,
+      duration: 0
+    });
+
+    updateRatio = update;
+    closrRatio = close;
+  }
+};
+
+const onSuccess = () => {
+  closrRatio();
+
+  setTimeout(() => {
+    updateRatio = undefined;
+  }, 100);
+
+  message.success('Export successful.', {
+    zIndex: 999999
+  });
+};
+
 onMounted(() => {
   console.log(editorRef.value?.on('catalog', console.log));
 
diff --git a/src/styles/vars.less b/src/styles/vars.less
index 28da753c..e34b0acf 100644
--- a/src/styles/vars.less
+++ b/src/styles/vars.less
@@ -35,7 +35,7 @@
   --iz-hover-color-reverse: if(@isDark, @hover, @hoverdark);
 
   --iz-bk-color: if(@isDark, @bkColorDark, @bkColor);
-  --iz-bk-color-outstand: if(@isDark, #111, #f6f6f6);
+  --iz-bk-color-outstand: if(@isDark, #333, #f2f2f2);
   --iz-bk-hover-color: if(@isDark, @bbkColorDark, @bbkColor);
 
   --iz-border-color: if(@isDark, #2d2d2d, #e6e6e6);
diff --git a/yarn.lock b/yarn.lock
index 1f1de87a..4b971cb3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -948,7 +948,7 @@
   resolved "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310"
   integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
 
-"@babel/runtime@^7.12.5", "@babel/runtime@^7.14.0", "@babel/runtime@^7.8.4":
+"@babel/runtime@^7.8.4":
   version "7.24.8"
   resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.8.tgz#5d958c3827b13cc6d05e038c07fb2e5e3420d82e"
   integrity sha512-5F7SDGs1T72ZczbRwbGO9lQi0NLjQxzl6i4lJxLxfW9U5UluCSyEJeniWvnhl3/euNiqQVbo8zruhsDfid0esA==
@@ -1811,11 +1811,6 @@
   resolved "https://registry.npmjs.org/@types/nprogress/-/nprogress-0.2.3.tgz#b2150b054a13622fabcba12cf6f0b54c48b14287"
   integrity sha512-k7kRA033QNtC+gLc4VPlfnue58CM1iQLgn1IMAU8VPHGOj7oIHPp9UlhedEnD/Gl8evoCjwkZjlBORtZ3JByUA==
 
-"@types/raf@^3.4.0":
-  version "3.4.3"
-  resolved "https://registry.npmjs.org/@types/raf/-/raf-3.4.3.tgz#85f1d1d17569b28b8db45e16e996407a56b0ab04"
-  integrity sha512-c4YAvMedbPZ5tEyxzQdMoOhhJ4RD3rngZIdwC2/qDN3d7JpEhB6fiBRKVY1lg5B7Wk+uPBjn5f39j1/2MY1oOw==
-
 "@typescript-eslint/eslint-plugin@^7.1.0":
   version "7.16.1"
   resolved "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.16.1.tgz#f5f5da52db674b1f2cdb9d5f3644e5b2ec750465"
@@ -1907,17 +1902,20 @@
   resolved "https://registry.npmjs.org/@vavt/cm-extension/-/cm-extension-1.4.4.tgz#fa716a6504a5d3a5e08e5b7a645b8f003389f02b"
   integrity sha512-5r8Mg2wWjXAJz6UeHVtyxY/E3DxTFeaYVwu/UBFCyozcLcpgXbkeMe9qy3YIPC6T5INAzgckOD7QqAfKuda38w==
 
-"@vavt/util@^1.6.2":
-  version "1.7.0"
-  resolved "https://registry.npmjs.org/@vavt/util/-/util-1.7.0.tgz#99efd5528e5d178876ac70c164d6668a97d0ecea"
-  integrity sha512-EAwplP/2Lm79KCFj5umtU/HKgFUi8Ec6a1clK2Za4MErkAkY8+mdOSnAFJdltceWzmnauZrEc+By+u0ZvX6u6g==
+"@vavt/message@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/@vavt/message/-/message-2.0.0.tgz#9995e81ea1ac46dccb492e1b0622b4d5270abe54"
+  integrity sha512-uf/TWMn7Bn6td2SzPSly+gWa+XS+mP8e5JCraTCQbtHn57mUnCFM+TFPQELm6D+q/FNmv1cZmMFnQEEpW1Bj3g==
+
+"@vavt/util@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/@vavt/util/-/util-2.0.0.tgz#6b10ba13dc5ea7a8fed4548427afd50f3546dc88"
+  integrity sha512-zf1sY9Gy4jj5SE7FuSTXu7PrUdnKJf0zKvhNLAHWiGg1t8IkMfYwRN5567HcUgZSaSuJ8FR3dr+w6E2XzxoPiQ==
 
-"@vavt/v3-extension@^1.2.3":
-  version "1.2.4"
-  resolved "https://registry.npmjs.org/@vavt/v3-extension/-/v3-extension-1.2.4.tgz#23bd414807bc5a0880a682ccb6b0383fa22dee20"
-  integrity sha512-cdNucKMxBuKO2Iy3NyPqtwzE9eeuNIWZWvDjIuO2Ubfa62xfKpAnFVDjn6DQBy5zLHaXkchhQd+q+9EB4ZyT5g==
-  dependencies:
-    html2pdf.js "^0.10.1"
+"@vavt/v3-extension@^1.3.0":
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/@vavt/v3-extension/-/v3-extension-1.3.0.tgz#e50647e5a34760a1dea4847aaeb829d3a4c3dcec"
+  integrity sha512-Cj3GlzVcKlURrcwbb0VKxtU6QqXu0IsK4cALnTD62mmC+aJSCwTovrooFJZ1AoJop8wSt0sth4c6ChyWaK1b/Q==
 
 "@vavt/vite-plugin-import-markdown@^1.0.0":
   version "1.0.1"
@@ -2204,11 +2202,6 @@ asynckit@^0.4.0:
   resolved "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
   integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
 
-atob@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
-  integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
-
 axios@^1.6.7:
   version "1.7.2"
   resolved "https://registry.npmjs.org/axios/-/axios-1.7.2.tgz#b625db8a7051fbea61c35a3cbb3a1daa7b9c7621"
@@ -2247,11 +2240,6 @@ balanced-match@^1.0.0:
   resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
-base64-arraybuffer@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz#1c37589a7c4b0746e34bd1feb951da2df01c1bdc"
-  integrity sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==
-
 boolbase@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
@@ -2289,11 +2277,6 @@ browserslist@^4.23.0, browserslist@^4.23.1:
     node-releases "^2.0.14"
     update-browserslist-db "^1.1.0"
 
-btoa@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.npmjs.org/btoa/-/btoa-1.2.1.tgz#01a9909f8b2c93f6bf680ba26131eb30f7fa3d73"
-  integrity sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==
-
 callsites@^3.0.0:
   version "3.1.0"
   resolved "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
@@ -2309,20 +2292,6 @@ caniuse-lite@^1.0.30001640:
   resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001642.tgz#6aa6610eb24067c246d30c57f055a9d0a7f8d05f"
   integrity sha512-3XQ0DoRgLijXJErLSl+bLnJ+Et4KqV1PY6JJBGAFlsNsz31zeAIncyeZfLCabHK/jtSh+671RM9YMldxjUPZtA==
 
-canvg@^3.0.6:
-  version "3.0.10"
-  resolved "https://registry.npmjs.org/canvg/-/canvg-3.0.10.tgz#8e52a2d088b6ffa23ac78970b2a9eebfae0ef4b3"
-  integrity sha512-qwR2FRNO9NlzTeKIPIKpnTY6fqwuYSequ8Ru8c0YkYU7U0oW+hLUvWadLvAu1Rl72OMNiFhoLu4f8eUjQ7l/+Q==
-  dependencies:
-    "@babel/runtime" "^7.12.5"
-    "@types/raf" "^3.4.0"
-    core-js "^3.8.3"
-    raf "^3.4.1"
-    regenerator-runtime "^0.13.7"
-    rgbcolor "^1.0.1"
-    stackblur-canvas "^2.0.0"
-    svg-pathdata "^6.0.3"
-
 chalk@^2.4.2:
   version "2.4.2"
   resolved "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
@@ -2430,11 +2399,6 @@ core-js-compat@^3.36.1, core-js-compat@^3.37.1:
   dependencies:
     browserslist "^4.23.0"
 
-core-js@^3.6.0, core-js@^3.8.3:
-  version "3.37.1"
-  resolved "https://registry.npmjs.org/core-js/-/core-js-3.37.1.tgz#d21751ddb756518ac5a00e4d66499df981a62db9"
-  integrity sha512-Xn6qmxrQZyB0FFY8E3bgRXei3lWDJHhvI+u0q9TKIYM49G8pAr0FgnnrFRAmsbptZL1yxRADVXn+x5AGsbBfyw==
-
 crelt@^1.0.5:
   version "1.0.6"
   resolved "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz#7cc898ea74e190fb6ef9dae57f8f81cf7302df72"
@@ -2449,13 +2413,6 @@ cross-spawn@^7.0.2:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
-css-line-break@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.npmjs.org/css-line-break/-/css-line-break-2.1.0.tgz#bfef660dfa6f5397ea54116bb3cb4873edbc4fa0"
-  integrity sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==
-  dependencies:
-    utrie "^1.0.2"
-
 cssesc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
@@ -2517,11 +2474,6 @@ doctrine@^3.0.0:
   dependencies:
     esutils "^2.0.2"
 
-dompurify@^2.2.0:
-  version "2.5.6"
-  resolved "https://registry.npmjs.org/dompurify/-/dompurify-2.5.6.tgz#8402b501611eaa7fb3786072297fcbe2787f8592"
-  integrity sha512-zUTaUBO8pY4+iJMPE1B9XlO2tXVYIcEA4SNGtvDELzTSCQO7RzH+j7S180BmhmJId78lqGU2z19vgVx2Sxs/PQ==
-
 electron-to-chromium@^1.4.820:
   version "1.4.830"
   resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.830.tgz#a11899bc3343bc28f57a87fcf83060e0d28038d4"
@@ -2539,11 +2491,6 @@ errno@^0.1.1:
   dependencies:
     prr "~1.0.1"
 
-es6-promise@^4.2.5:
-  version "4.2.8"
-  resolved "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz#4eb21594c972bc40553d276e510539143db53e0a"
-  integrity sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==
-
 esbuild@^0.21.3:
   version "0.21.5"
   resolved "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz#9ca301b120922959b766360d8ac830da0d02997d"
@@ -2748,11 +2695,6 @@ fastq@^1.6.0:
   dependencies:
     reusify "^1.0.4"
 
-fflate@^0.4.8:
-  version "0.4.8"
-  resolved "https://registry.npmjs.org/fflate/-/fflate-0.4.8.tgz#f90b82aefbd8ac174213abb338bd7ef848f0f5ae"
-  integrity sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==
-
 file-entry-cache@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
@@ -2910,23 +2852,6 @@ html-tags@^3.3.1:
   resolved "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz#a04026a18c882e4bba8a01a3d39cfe465d40b5ce"
   integrity sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==
 
-html2canvas@^1.0.0, html2canvas@^1.0.0-rc.5:
-  version "1.4.1"
-  resolved "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz#7cef1888311b5011d507794a066041b14669a543"
-  integrity sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==
-  dependencies:
-    css-line-break "^2.1.0"
-    text-segmentation "^1.0.3"
-
-html2pdf.js@^0.10.1:
-  version "0.10.2"
-  resolved "https://registry.npmjs.org/html2pdf.js/-/html2pdf.js-0.10.2.tgz#29c0e4cebf2cbde4ed0c2e8abb98eecac22ff66f"
-  integrity sha512-WyHVeMb18Bp7vYTmBv1GVsThH//K7SRfHdSdhHPkl4JvyQarNQXnailkYn0QUbRRmnN5rdbbmSIGEsPZtzPy2Q==
-  dependencies:
-    es6-promise "^4.2.5"
-    html2canvas "^1.0.0"
-    jspdf "^2.3.1"
-
 http-errors@~1.8.1:
   version "1.8.1"
   resolved "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz#7c3f28577cbc8a207388455dbd62295ed07bd68c"
@@ -3062,21 +2987,6 @@ json5@^2.2.3:
   resolved "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
-jspdf@^2.3.1:
-  version "2.5.1"
-  resolved "https://registry.npmjs.org/jspdf/-/jspdf-2.5.1.tgz#00c85250abf5447a05f3b32ab9935ab4a56592cc"
-  integrity sha512-hXObxz7ZqoyhxET78+XR34Xu2qFGrJJ2I2bE5w4SM8eFaFEkW2xcGRVUss360fYelwRSid/jT078kbNvmoW0QA==
-  dependencies:
-    "@babel/runtime" "^7.14.0"
-    atob "^2.1.2"
-    btoa "^1.2.1"
-    fflate "^0.4.8"
-  optionalDependencies:
-    canvg "^3.0.6"
-    core-js "^3.6.0"
-    dompurify "^2.2.0"
-    html2canvas "^1.0.0-rc.5"
-
 keyv@^4.5.3:
   version "4.5.4"
   resolved "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
@@ -3209,15 +3119,15 @@ marked@*:
   resolved "https://registry.npmjs.org/marked/-/marked-13.0.2.tgz#d5d05bd2683a85cb9cc6afbe5240e3a8bffcb92a"
   integrity sha512-J6CPjP8pS5sgrRqxVRvkCIkZ6MFdRIjDkwUwgJ9nL2fbmM6qGQeB2C16hi8Cc9BOzj6xXzy0jyi0iPIfnMHYzA==
 
-md-editor-v3@^4.18.1:
-  version "4.18.1"
-  resolved "https://registry.npmjs.org/md-editor-v3/-/md-editor-v3-4.18.1.tgz#013f8da2396dc33e4013b5504f2b68016c823ea4"
-  integrity sha512-q5eZOBBJv5+3yt2wLSJBeQ3O2BbWzO3CDxwiIgmGnY/70MRyy8tBl1hLTHscT6rlVrZB5/47FIeAtb7LSsr2JQ==
+md-editor-v3@^4.19.0:
+  version "4.19.0"
+  resolved "https://registry.npmjs.org/md-editor-v3/-/md-editor-v3-4.19.0.tgz#564a9b9ba9e6fd0835c5fcb2dfe56f0fa22af375"
+  integrity sha512-6ZHA0qmvC8VcxuuRtE55rlfuJbRCG/j2fmyfHZ1YcNSngwFoWJ4ea0VulcV79K2aCr4OliM/gSJrDQQAYfP1QA==
   dependencies:
     "@codemirror/lang-markdown" "^6.2.5"
     "@codemirror/language-data" "^6.5.1"
     "@types/markdown-it" "^14.0.1"
-    "@vavt/util" "^1.6.2"
+    "@vavt/util" "^2.0.0"
     codemirror "^6.0.1"
     copy-to-clipboard "^3.3.3"
     lru-cache "^10.2.0"
@@ -3415,11 +3325,6 @@ path-type@^4.0.0:
   resolved "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
-performance-now@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
-  integrity sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==
-
 picocolors@^1.0.0, picocolors@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz#a8ad579b571952f0e5d25892de5445bcfe25aaa1"
@@ -3494,13 +3399,6 @@ queue-microtask@^1.2.2:
   resolved "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
-raf@^3.4.1:
-  version "3.4.1"
-  resolved "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz#0742e99a4a6552f445d73e3ee0328af0ff1ede39"
-  integrity sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==
-  dependencies:
-    performance-now "^2.1.0"
-
 random-bytes@~1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/random-bytes/-/random-bytes-1.0.0.tgz#4f68a1dc0ae58bd3fb95848c30324db75d64360b"
@@ -3518,11 +3416,6 @@ regenerate@^1.4.2:
   resolved "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
-regenerator-runtime@^0.13.7:
-  version "0.13.11"
-  resolved "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
-  integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
-
 regenerator-runtime@^0.14.0:
   version "0.14.1"
   resolved "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz#356ade10263f685dda125100cd862c1db895327f"
@@ -3573,11 +3466,6 @@ reusify@^1.0.4:
   resolved "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
   integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
 
-rgbcolor@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.npmjs.org/rgbcolor/-/rgbcolor-1.0.1.tgz#d6505ecdb304a6595da26fa4b43307306775945d"
-  integrity sha512-9aZLIrhRaD97sgVhtJOW6ckOEh6/GnvQtdVNfdZ6s67+3/XwLS9lBcQYzEEhYVeUowN7pRzMLsyGhK2i/xvWbw==
-
 rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
@@ -3684,11 +3572,6 @@ sourcemap-codec@^1.4.8:
   resolved "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
   integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
 
-stackblur-canvas@^2.0.0:
-  version "2.7.0"
-  resolved "https://registry.npmjs.org/stackblur-canvas/-/stackblur-canvas-2.7.0.tgz#af931277d0b5096df55e1f91c530043e066989b6"
-  integrity sha512-yf7OENo23AGJhBriGx0QivY5JP6Y1HbrrDI6WLt6C5auYZXlQrheoY8hD4ibekFKz1HOfE48Ww8kMWMnJD/zcQ==
-
 "statuses@>= 1.5.0 < 2":
   version "1.5.0"
   resolved "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
@@ -3730,11 +3613,6 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
-svg-pathdata@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.npmjs.org/svg-pathdata/-/svg-pathdata-6.0.3.tgz#80b0e0283b652ccbafb69ad4f8f73e8d3fbf2cac"
-  integrity sha512-qsjeeq5YjBZ5eMdFuUa4ZosMLxgr5RZ+F+Y1OrDhuOCEInRMA3x74XdBtggJcj9kOeInz0WE+LgCPDkZFlBYJw==
-
 svg-tags@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz#58f71cee3bd519b59d4b2a843b6c7de64ac04764"
@@ -3748,13 +3626,6 @@ synckit@^0.9.1:
     "@pkgr/core" "^0.1.0"
     tslib "^2.6.2"
 
-text-segmentation@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.npmjs.org/text-segmentation/-/text-segmentation-1.0.3.tgz#52a388159efffe746b24a63ba311b6ac9f2d7943"
-  integrity sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==
-  dependencies:
-    utrie "^1.0.2"
-
 text-table@^0.2.0:
   version "0.2.0"
   resolved "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
@@ -3877,13 +3748,6 @@ util-deprecate@^1.0.2:
   resolved "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
 
-utrie@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.npmjs.org/utrie/-/utrie-1.0.2.tgz#d42fe44de9bc0119c25de7f564a6ed1b2c87a645"
-  integrity sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==
-  dependencies:
-    base64-arraybuffer "^1.0.2"
-
 vite@^5.1.4:
   version "5.3.4"
   resolved "https://registry.npmjs.org/vite/-/vite-5.3.4.tgz#b36ebd47c8a5e3a8727046375d5f10bf9fdf8715"