@huyooo/markdown-ui

Vue 3 文档/ Markdown 展示组件与样式库，支持主题变量与暗色模式。

仅使用样式

若只需 .markdown-body、代码高亮、容器块（info/tip/warning）等样式，引入 CSS 即可：

import '@huyooo/markdown-ui/style.css'

组件自带亮色与暗色主题，暗色时给 body 添加 class="dark"。

使用组件

import {
  CodeBlock,
  CodeDemo,
  CodeGroup,
  CodeGroupItem,
  MarkdownViewer,
  CatalogueAside,
  ImageLightbox,
} from '@huyooo/markdown-ui'

• MarkdownViewer：左侧正文 slot + 右侧 TOC，TOC 从渲染后的标题 DOM 提取（单管道，无需传 raw）。
• CodeBlock：支持 code、lang、showLineNumbers，复制按钮带「已复制」反馈。
• ImageLightbox：包裹正文后，点击其中的图片可全屏预览。

自定义主题

宿主应用可覆盖 --markdown-surface-bg、--markdown-surface-bg-hover、--markdown-text-primary、--markdown-border-color 等变量，无需安装其他 UI 包。