vitepress-plugin-mermaid
Add mermaid support for Vitepress. It detects any dark theme that are set in body as long as it has dark in the name
See the docs 📕
and a complex example 😎
Install
npm
npm i vitepress-plugin-mermaid mermaid -Dpnpm
pnpm install --shamefully-hoist Setup it up
Add wrapper
// .vitepress/config.js
import { withMermaid } from "vitepress-plugin-mermaid";
export default withMermaid({
// your existing vitepress config...
mermaid:{
//mermaidConfig !theme here works for ligth mode since dark theme is forced in dark mode
},
...
});Use in any Markdown file
<!---any-file.md-->
```mermaid
flowchart TD
Start --> Stop
```