diff --git a/packages/devtools/client/components/HelpFab.vue b/packages/devtools/client/components/HelpFab.vue
index 05215e7bd..1a1444729 100644
--- a/packages/devtools/client/components/HelpFab.vue
+++ b/packages/devtools/client/components/HelpFab.vue
@@ -1,9 +1,4 @@
 <script setup lang="ts">
-const props = defineProps<{
-  path: string
-}>()
-
-const { data } = useAsyncData(props.path, () => queryContent(props.path).findOne())
 const open = ref(false)
 const {
   showHelpButtons,
@@ -36,7 +31,7 @@ const {
         v-if="open" border="l base"
         class="prose" pos="fixed bottom-0 right-0 top-0" z-200 w-150 px8 py4 bg-base
       >
-        <ContentRenderer v-if="data" :value="data" />
+        <slot />
         <NIconButton
           icon="carbon-close"
           pos="absolute top-3 right-3"
diff --git a/packages/devtools/client/content/components.md b/packages/devtools/client/components/docs/components.md
similarity index 100%
rename from packages/devtools/client/content/components.md
rename to packages/devtools/client/components/docs/components.md
diff --git a/packages/devtools/client/content/hooks.md b/packages/devtools/client/components/docs/hooks.md
similarity index 100%
rename from packages/devtools/client/content/hooks.md
rename to packages/devtools/client/components/docs/hooks.md
diff --git a/packages/devtools/client/content/imports.md b/packages/devtools/client/components/docs/imports.md
similarity index 94%
rename from packages/devtools/client/content/imports.md
rename to packages/devtools/client/components/docs/imports.md
index b7c45d0db..3b6a15333 100644
--- a/packages/devtools/client/content/imports.md
+++ b/packages/devtools/client/components/docs/imports.md
@@ -6,11 +6,11 @@ Nuxt auto-imports helper functions, composables and Vue APIs to use across your
 
 According to your config, exports of files under the following folders will be registed as auto-imports entry:
 
-:help-imports-dirs
+<HelpImportsDirs />
 
 Meanwhile, modules could also provide auto-imports for their own components. You have auto-imports from the following modules as well:
 
-:help-imports-modules
+<HelpImportsModules />
 
 <hr>
 
diff --git a/packages/devtools/client/content/modules.md b/packages/devtools/client/components/docs/modules.md
similarity index 100%
rename from packages/devtools/client/content/modules.md
rename to packages/devtools/client/components/docs/modules.md
diff --git a/packages/devtools/client/content/pages.md b/packages/devtools/client/components/docs/pages.md
similarity index 100%
rename from packages/devtools/client/content/pages.md
rename to packages/devtools/client/components/docs/pages.md
diff --git a/packages/devtools/client/content/payload.md b/packages/devtools/client/components/docs/payload.md
similarity index 100%
rename from packages/devtools/client/content/payload.md
rename to packages/devtools/client/components/docs/payload.md
diff --git a/packages/devtools/client/content/plugins.md b/packages/devtools/client/components/docs/plugins.md
similarity index 91%
rename from packages/devtools/client/content/plugins.md
rename to packages/devtools/client/components/docs/plugins.md
index a7a6f20ee..a62bbb001 100644
--- a/packages/devtools/client/content/plugins.md
+++ b/packages/devtools/client/components/docs/plugins.md
@@ -2,8 +2,8 @@
 
 Nuxt plugins allows you to extend the functionality of Nuxt runtime and the Vue instance. You can add plugins to the `plugins/` directory and they will be automatically imported and registered.
 
-::help-tip-performance
+<HelpTipPerformance>
 Plugins runs before your application at runtime, the time each plugin cost will directly affect your application's initial loading time.
-::
+</HelpTipPerformance>
 
 [Learn more on the documentation](https://nuxt.com/docs/guide/directory-structure/plugins)
diff --git a/packages/devtools/client/content/runtime-configs.md b/packages/devtools/client/components/docs/runtime-configs.md
similarity index 100%
rename from packages/devtools/client/content/runtime-configs.md
rename to packages/devtools/client/components/docs/runtime-configs.md
diff --git a/packages/devtools/client/content/virtual-files.md b/packages/devtools/client/components/docs/virtual-files.md
similarity index 100%
rename from packages/devtools/client/content/virtual-files.md
rename to packages/devtools/client/components/docs/virtual-files.md
diff --git a/packages/devtools/client/components/content/HelpImportsDirs.vue b/packages/devtools/client/components/help/HelpImportsDirs.vue
similarity index 100%
rename from packages/devtools/client/components/content/HelpImportsDirs.vue
rename to packages/devtools/client/components/help/HelpImportsDirs.vue
diff --git a/packages/devtools/client/components/content/HelpImportsModules.vue b/packages/devtools/client/components/help/HelpImportsModules.vue
similarity index 100%
rename from packages/devtools/client/components/content/HelpImportsModules.vue
rename to packages/devtools/client/components/help/HelpImportsModules.vue
diff --git a/packages/devtools/client/components/content/HelpTip.vue b/packages/devtools/client/components/help/HelpTip.vue
similarity index 100%
rename from packages/devtools/client/components/content/HelpTip.vue
rename to packages/devtools/client/components/help/HelpTip.vue
diff --git a/packages/devtools/client/components/content/HelpTipPerformance.vue b/packages/devtools/client/components/help/HelpTipPerformance.vue
similarity index 70%
rename from packages/devtools/client/components/content/HelpTipPerformance.vue
rename to packages/devtools/client/components/help/HelpTipPerformance.vue
index cd2d7664c..c23620eb0 100644
--- a/packages/devtools/client/components/content/HelpTipPerformance.vue
+++ b/packages/devtools/client/components/help/HelpTipPerformance.vue
@@ -4,6 +4,6 @@
     icon="carbon-meter"
     n="lime6 dark:lime5"
   >
-    <ContentSlot :use="$slots.default" unwrap="p" />
+    <slot />
   </HelpTip>
 </template>
diff --git a/packages/devtools/client/modules/markdown.ts b/packages/devtools/client/modules/markdown.ts
new file mode 100644
index 000000000..d4418d11a
--- /dev/null
+++ b/packages/devtools/client/modules/markdown.ts
@@ -0,0 +1,50 @@
+import { defineNuxtModule } from '@nuxt/kit'
+import Markdown from 'vite-plugin-vue-markdown'
+import LinkAttributes from 'markdown-it-link-attributes'
+import { getHighlighter } from 'shiki'
+
+export default defineNuxtModule({
+  async setup(_, nuxt) {
+    nuxt.options.imports.transform ||= {}
+    nuxt.options.imports.transform.include = [/\.vue$/, /\.md$/]
+
+    // @ts-expect-error any
+    nuxt.options.components.transform ||= {}
+    // @ts-expect-error any
+    nuxt.options.components.transform.include = [/\.vue$/, /\.md$/]
+
+    nuxt.options.vite.vue ||= {}
+    nuxt.options.vite.vue.include = [/\.vue$/, /\.md$/]
+
+    nuxt.options.extensions.push('.md')
+
+    const highlighter = await getHighlighter({
+      themes: [
+        'vitesse-dark',
+        'vitesse-light',
+      ],
+    })
+    nuxt.hook('vite:extendConfig', async (config) => {
+      config.plugins!.push(
+        Markdown({
+          markdownItSetup(md) {
+            md.use(LinkAttributes, {
+              matcher: (link: string) => /^https?:\/\//.test(link),
+              attrs: {
+                target: '_blank',
+                rel: 'noopener',
+              },
+            })
+            md.options.highlight = (code, lang) => {
+              const dark = highlighter.codeToHtml(code, { lang, theme: 'vitesse-dark' })
+                .replace('<pre class="shiki"', '<pre class="shiki shiki-dark"')
+              const light = highlighter.codeToHtml(code, { lang: lang || 'text', theme: 'vitesse-light' })
+                .replace('<pre class="shiki"', '<pre class="shiki shiki-light"')
+              return `<div class="shiki-container">${dark}${light}</div>`
+            }
+          },
+        }),
+      )
+    })
+  },
+})
diff --git a/packages/devtools/client/nuxt.config.ts b/packages/devtools/client/nuxt.config.ts
index c0d039593..b69914e8e 100644
--- a/packages/devtools/client/nuxt.config.ts
+++ b/packages/devtools/client/nuxt.config.ts
@@ -1,5 +1,4 @@
 import { resolve } from 'node:path'
-
 import DevTools from '../src/module'
 import DevToolsUiKit from '../../devtools-ui-kit/src/module'
 
@@ -10,8 +9,9 @@ function r(p: string) {
 export default defineNuxtConfig({
   modules: [
     'nuxt-vitest',
-    '@nuxt/content',
+    // '@nuxt/content',
     '~/modules/custom-tabs',
+    '~/modules/markdown',
     DevToolsUiKit,
     DevTools,
   ],
diff --git a/packages/devtools/client/pages/modules/components.vue b/packages/devtools/client/pages/modules/components.vue
index c6cf41bf2..5f78c746a 100644
--- a/packages/devtools/client/pages/modules/components.vue
+++ b/packages/devtools/client/pages/modules/components.vue
@@ -54,5 +54,7 @@ function toggleView() {
     </component>
   </div>
 
-  <HelpFab path="/components" />
+  <HelpFab>
+    <DocsComponents />
+  </HelpFab>
 </template>
diff --git a/packages/devtools/client/pages/modules/hooks.vue b/packages/devtools/client/pages/modules/hooks.vue
index 091101dc6..b991ba912 100644
--- a/packages/devtools/client/pages/modules/hooks.vue
+++ b/packages/devtools/client/pages/modules/hooks.vue
@@ -31,5 +31,7 @@ const clientHooks = computed(() => client.value?.getClientHooksMetrics())
     </NSectionBlock>
   </div>
 
-  <HelpFab path="/hooks" />
+  <HelpFab>
+    <DocsHooks />
+  </HelpFab>
 </template>
diff --git a/packages/devtools/client/pages/modules/imports.vue b/packages/devtools/client/pages/modules/imports.vue
index dc8ce4340..116fc1d7c 100644
--- a/packages/devtools/client/pages/modules/imports.vue
+++ b/packages/devtools/client/pages/modules/imports.vue
@@ -108,5 +108,7 @@ const filtered = computed(() => {
     </NSectionBlock>
   </div>
 
-  <HelpFab path="/imports" />
+  <HelpFab>
+    <DocsImports />
+  </HelpFab>
 </template>
diff --git a/packages/devtools/client/pages/modules/modules.vue b/packages/devtools/client/pages/modules/modules.vue
index 2167226d5..af8130c44 100644
--- a/packages/devtools/client/pages/modules/modules.vue
+++ b/packages/devtools/client/pages/modules/modules.vue
@@ -71,5 +71,7 @@ watchEffect(() => {
     </NSectionBlock>
   </div>
 
-  <HelpFab path="/modules" />
+  <HelpFab>
+    <DocsModules />
+  </HelpFab>
 </template>
diff --git a/packages/devtools/client/pages/modules/pages.vue b/packages/devtools/client/pages/modules/pages.vue
index b9d672443..b42bfb0fa 100644
--- a/packages/devtools/client/pages/modules/pages.vue
+++ b/packages/devtools/client/pages/modules/pages.vue
@@ -178,5 +178,7 @@ function navigateToRoute(path: string) {
     ]"
   />
 
-  <HelpFab path="/pages" />
+  <HelpFab>
+    <DocsPages />
+  </HelpFab>
 </template>
diff --git a/packages/devtools/client/pages/modules/payload.vue b/packages/devtools/client/pages/modules/payload.vue
index fa7b961a5..008bc3007 100644
--- a/packages/devtools/client/pages/modules/payload.vue
+++ b/packages/devtools/client/pages/modules/payload.vue
@@ -66,5 +66,7 @@ async function refreshData(keys?: string[]) {
     </NSectionBlock>
   </div>
 
-  <HelpFab path="/payload" />
+  <HelpFab>
+    <DocsPayload />
+  </HelpFab>
 </template>
diff --git a/packages/devtools/client/pages/modules/plugins.vue b/packages/devtools/client/pages/modules/plugins.vue
index f83bf3df3..2b9eb3fa9 100644
--- a/packages/devtools/client/pages/modules/plugins.vue
+++ b/packages/devtools/client/pages/modules/plugins.vue
@@ -55,5 +55,7 @@ const totalTime = computed(() => {
     </div>
   </NSectionBlock>
 
-  <HelpFab path="/plugins" />
+  <HelpFab>
+    <DocsPlugins />
+  </HelpFab>
 </template>
diff --git a/packages/devtools/client/pages/modules/runtime-configs.vue b/packages/devtools/client/pages/modules/runtime-configs.vue
index 263895811..ffc62b348 100644
--- a/packages/devtools/client/pages/modules/runtime-configs.vue
+++ b/packages/devtools/client/pages/modules/runtime-configs.vue
@@ -50,5 +50,7 @@ const privateConfig = computed(() => {
     </NSectionBlock>
   </div>
 
-  <HelpFab path="/runtime-configs" />
+  <HelpFab>
+    <DocsRuntimeConfig />
+  </HelpFab>
 </template>
diff --git a/packages/devtools/client/pages/modules/virtual-files.vue b/packages/devtools/client/pages/modules/virtual-files.vue
index a22e25edb..66123d608 100644
--- a/packages/devtools/client/pages/modules/virtual-files.vue
+++ b/packages/devtools/client/pages/modules/virtual-files.vue
@@ -93,7 +93,9 @@ const filteredFiles = computed(() => {
     </template>
   </PanelLeftRight>
 
-  <HelpFab path="/virtual-files" />
+  <HelpFab>
+    <DocsVirtualFiles />
+  </HelpFab>
 </template>
 
 <style>
diff --git a/packages/devtools/package.json b/packages/devtools/package.json
index 8425b816f..88d835407 100644
--- a/packages/devtools/package.json
+++ b/packages/devtools/package.json
@@ -83,6 +83,7 @@
     "@nuxt/content": "^2.6.0",
     "@nuxt/devtools": "workspace:*",
     "@nuxtjs/color-mode": "^3.2.0",
+    "@types/markdown-it-link-attributes": "^3.0.1",
     "@unocss/nuxt": "^0.51.8",
     "@unocss/preset-icons": "^0.51.8",
     "@unocss/preset-uno": "^0.51.8",
@@ -94,6 +95,7 @@
     "fuse.js": "^6.6.2",
     "json-editor-vue": "^0.10.6",
     "markdown-it": "^13.0.1",
+    "markdown-it-link-attributes": "^4.0.1",
     "nanoid": "^4.0.2",
     "nuxt": "^3.4.2",
     "nuxt-vitest": "^0.6.10",
@@ -107,6 +109,7 @@
     "vanilla-jsoneditor": "^0.17.1",
     "vis-data": "^7.1.6",
     "vis-network": "^9.1.6",
+    "vite-plugin-vue-markdown": "^0.22.6",
     "vue-tsc": "^1.4.4",
     "xterm": "^5.1.0",
     "xterm-addon-fit": "^0.7.0"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2e676c6a1..5d24543b1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -224,6 +224,9 @@ importers:
       '@nuxtjs/color-mode':
         specifier: ^3.2.0
         version: 3.2.0(rollup@3.20.6)
+      '@types/markdown-it-link-attributes':
+        specifier: ^3.0.1
+        version: 3.0.1
       '@unocss/nuxt':
         specifier: ^0.51.8
         version: 0.51.8(postcss@8.4.23)(rollup@3.20.6)(vite@4.3.1)(webpack@5.79.0)
@@ -257,6 +260,9 @@ importers:
       markdown-it:
         specifier: ^13.0.1
         version: 13.0.1
+      markdown-it-link-attributes:
+        specifier: ^4.0.1
+        version: 4.0.1
       nanoid:
         specifier: ^4.0.2
         version: 4.0.2
@@ -296,6 +302,9 @@ importers:
       vis-network:
         specifier: ^9.1.6
         version: 9.1.6(@egjs/hammerjs@2.0.17)(component-emitter@1.3.0)(keycharm@0.4.0)(timsort@0.3.0)(uuid@9.0.0)(vis-data@7.1.6)(vis-util@5.0.3)
+      vite-plugin-vue-markdown:
+        specifier: ^0.22.6
+        version: 0.22.6(rollup@3.20.6)(vite@4.3.1)
       vue-tsc:
         specifier: ^1.4.4
         version: 1.4.4(typescript@5.0.4)
@@ -1500,6 +1509,26 @@ packages:
       - encoding
       - supports-color
 
+  /@mdit-vue/plugin-component@0.12.0:
+    resolution: {integrity: sha512-LrwV3f0Y6H7b7m/w1Y3bkGuR3HOiBK4QiHHW3HuRMza6MZodDQbj8Baik5/V5GiSg1/ltijS1CymVcycd1EfTw==}
+    dependencies:
+      '@types/markdown-it': 12.2.3
+      markdown-it: 13.0.1
+    dev: true
+
+  /@mdit-vue/plugin-frontmatter@0.12.0:
+    resolution: {integrity: sha512-26Y3JktjGgNoCVH7NLqi5RcdAauAqxepTt2qXueRcRHtGpiRQV2/M1FveIhCOTCtHSuG5bBOHUxGaV6vRK3Vbw==}
+    dependencies:
+      '@mdit-vue/types': 0.12.0
+      '@types/markdown-it': 12.2.3
+      gray-matter: 4.0.3
+      markdown-it: 13.0.1
+    dev: true
+
+  /@mdit-vue/types@0.12.0:
+    resolution: {integrity: sha512-mrC4y8n88BYvgcgzq9bvTlDgFyi2zuvzmPilRvRc3Uz1iIvq8mDhxJ0rHKFUNzPEScpDvJdIujqiDrulMqiudA==}
+    dev: true
+
   /@netlify/functions@1.4.0:
     resolution: {integrity: sha512-gy7ULTIRroc2/jyFVGx1djCmmBMVisIwrvkqggq5B6iDcInRSy2Tpkm+V5C63hKJVkNRskKWtLQKm9ecCaQTjA==}
     engines: {node: '>=8.3.0'}
@@ -2222,6 +2251,12 @@ packages:
     resolution: {integrity: sha512-HZQYqbiFVWufzCwexrvh694SOim8z2d+xJl5UNamcvQFejLY/2YUtzXHYi3cHdI7PMlS8ejH2slRAOJQ32aNbA==}
     dev: true
 
+  /@types/markdown-it-link-attributes@3.0.1:
+    resolution: {integrity: sha512-K8RnNb1q8j7rDOJbMF7AnlhCC/45BjrQ8z3WZWOrvkBIl8u9RXvmBdG/hfpnmK1JhhEZcmFEKWt+ilW1Mly+2Q==}
+    dependencies:
+      '@types/markdown-it': 12.2.3
+    dev: true
+
   /@types/markdown-it@12.2.3:
     resolution: {integrity: sha512-GKMHFfv3458yYy+v/N8gjufHO6MSZKCOXpZc5GXIWWy8uldwfmPn98vp81gZ5f9SVw8YYBctgfJ22a2d7AOMeQ==}
     dependencies:
@@ -3441,6 +3476,12 @@ packages:
       readable-stream: 3.6.2
     dev: false
 
+  /argparse@1.0.10:
+    resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
+    dependencies:
+      sprintf-js: 1.0.3
+    dev: true
+
   /argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
@@ -5571,6 +5612,13 @@ packages:
       signal-exit: 3.0.7
       strip-final-newline: 3.0.0
 
+  /extend-shallow@2.0.1:
+    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-extendable: 0.1.1
+    dev: true
+
   /extend@3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
     dev: true
@@ -6057,6 +6105,16 @@ packages:
   /grapheme-splitter@1.0.4:
     resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
 
+  /gray-matter@4.0.3:
+    resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==}
+    engines: {node: '>=6.0'}
+    dependencies:
+      js-yaml: 3.14.1
+      kind-of: 6.0.3
+      section-matter: 1.0.0
+      strip-bom-string: 1.0.0
+    dev: true
+
   /gzip-size@6.0.0:
     resolution: {integrity: sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==}
     engines: {node: '>=10'}
@@ -6581,6 +6639,11 @@ packages:
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     hasBin: true
 
+  /is-extendable@0.1.1:
+    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
   /is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
@@ -6811,6 +6874,14 @@ packages:
   /js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
+  /js-yaml@3.14.1:
+    resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
+    hasBin: true
+    dependencies:
+      argparse: 1.0.10
+      esprima: 4.0.1
+    dev: true
+
   /js-yaml@4.1.0:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
@@ -7272,6 +7343,10 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /markdown-it-link-attributes@4.0.1:
+    resolution: {integrity: sha512-pg5OK0jPLg62H4k7M9mRJLT61gUp9nvG0XveKYHMOOluASo9OEF13WlXrpAp2aj35LbedAy3QOCgQCw0tkLKAQ==}
+    dev: true
+
   /markdown-it@13.0.1:
     resolution: {integrity: sha512-lTlxriVoy2criHP0JKRhO2VDG9c2ypWCsT237eDiLqi09rmbKoUetyGHq2uOIRoRS//kfoJckS0eUzzkDR+k2Q==}
     hasBin: true
@@ -9731,6 +9806,14 @@ packages:
   /scule@1.0.0:
     resolution: {integrity: sha512-4AsO/FrViE/iDNEPaAQlb77tf0csuq27EsVpy6ett584EcRTp6pTDLoGWVxCD77y5iU5FauOvhsI4o1APwPoSQ==}
 
+  /section-matter@1.0.0:
+    resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==}
+    engines: {node: '>=4'}
+    dependencies:
+      extend-shallow: 2.0.1
+      kind-of: 6.0.3
+    dev: true
+
   /semver@5.7.1:
     resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==}
     hasBin: true
@@ -10036,6 +10119,10 @@ packages:
     resolution: {integrity: sha512-r3Mq2ITFQ5a2VXLOy4/Sb2Ptp7OfEO8YIbhVJqJXoFc9hc5nTXXkCvtVDjIGbvC0vdE7tse+xTM9BMjsszP6bw==}
     dev: true
 
+  /sprintf-js@1.0.3:
+    resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
+    dev: true
+
   /ssri@10.0.1:
     resolution: {integrity: sha512-WVy6di9DlPOeBWEjMScpNipeSX2jIZBGEn5Uuo8Q7aIuFEuDX0pw8RxcOjlD1TWP4obi24ki7m/13+nFpcbXrw==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
@@ -10139,6 +10226,11 @@ packages:
     dependencies:
       ansi-regex: 6.0.1
 
+  /strip-bom-string@1.0.0:
+    resolution: {integrity: sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
   /strip-bom@3.0.0:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
     engines: {node: '>=4'}
@@ -11097,6 +11189,23 @@ packages:
       - supports-color
     dev: false
 
+  /vite-plugin-vue-markdown@0.22.6(rollup@3.20.6)(vite@4.3.1):
+    resolution: {integrity: sha512-BB0/yYoRO+4hceFZRgU/iAOpgklFvo/eHLapOkavIoDkP0jeoQubOMTEF8K4FuYRX9jaN5WcP2TrfhUgc7RuUg==}
+    peerDependencies:
+      vite: ^2.0.0 || ^3.0.0-0 || ^4.0.0
+    dependencies:
+      '@antfu/utils': 0.7.2
+      '@mdit-vue/plugin-component': 0.12.0
+      '@mdit-vue/plugin-frontmatter': 0.12.0
+      '@mdit-vue/types': 0.12.0
+      '@rollup/pluginutils': 5.0.2(rollup@3.20.6)
+      '@types/markdown-it': 12.2.3
+      markdown-it: 13.0.1
+      vite: 4.3.1(@types/node@18.16.0)
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
   /vite@4.1.4(@types/node@18.16.0):
     resolution: {integrity: sha512-3knk/HsbSTKEin43zHu7jTwYWv81f8kgAL99G5NWBcA1LKvtvcVAC4JjBH1arBunO9kQka+1oGbrMKOjk4ZrBg==}
     engines: {node: ^14.18.0 || >=16.0.0}