Add mermaid support for Vitepress. It detects any dark theme that are set in body as long as it has dark in the name
Warning Not compatible with pnpm for now
See the docs 📕
and a complex example 😎
npm i vitepress-plugin-mermaid mermaid -D
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
```