fix: use compile time markdown

Author: antfu

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"

packages/devtools/client/content/components.md renamed to packages/devtools/client/components/docs/components.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>
 

packages/devtools/client/content/hooks.md renamed to packages/devtools/client/components/docs/hooks.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)