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

Warning Not compatible with pnpm for now

See the docs 📕
and a complex example 😎

Install

npm i vitepress-plugin-mermaid mermaid -D

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
```