ComponentProps

ComponentProps 通过 nuxt-component-meta 自动读取 Vue 组件元数据，在 Markdown 文档中一行代码生成包含属性名称、类型、默认值和说明的完整 Props 文档表格，支持通过 slug 属性指定目标组件名称。

用法

在您的 Markdown 文档中使用 :component-props 语法：

Prop	Default	Type
`color`	`'primary'`	`"error" \| "primary" \| "secondary" \| "success" \| "info" \| "warning" \| "neutral"`
`size`	`'md'`	`"xs" \| "sm" \| "md" \| "lg" \| "xl"`
`variant`	`'solid'`	`"link" \| "solid" \| "outline" \| "soft" \| "subtle" \| "ghost"` The variant of the component
`label`		`string`
`avatar`		`{ src: string; alt?: string; text?: string; chip?: boolean \| "circle"; size?: "xs" \| "sm" \| "md" \| "lg" \| "xl"; }` display an avatar
`disabled`		`boolean`

:component-props{slug="TestApi"}

Prop	Default	Type
`ignore`	`[ "activeClass", "inactiveClass", "exactActiveClass", "ariaCurrentValue", "href", "rel", "noRel", "prefetch", "prefetchOn", "noPrefetch", "prefetchedClass", "replace", "exact", "exactQuery", "exactHash", "external", "onClick", "viewTransition", "enterKeyHint", "form", "formaction", "formenctype", "formmethod", "formnovalidate", "formtarget" ]`	`string[]` 需要忽略的属性名数组
`slug`	`路由路径的最后一段`	`string` 获取组件属性的 slug 标识
`prose`		`boolean`

No recent changes

Mermaid 图表

在 Movk Nuxt Docs 中启用可选的 Mermaid 图表支持，渲染流程图、时序图、类图、状态图、饼图、甘特图和实体关系图。内置自动主题切换、懒加载、复制代码和全屏查看功能，安装 mermaid 与 dompurify 后一键开启。

ComponentSlots

ComponentSlots 通过 nuxt-component-meta 自动为 Vue 组件生成完整的 Slot 插槽文档，在 Markdown 中一行代码即可展示所有插槽的名称、作用域变量类型和功能说明，大幅简化手写 API 文档的工作量。