@intevel/vitepress-plugin-mermaid

vitepress-plugin-mermaid

Warning mermaid max version is 9.1.0

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 i vitepress-plugin-mermaid mermaid @mermaid-js/mermaid-mindmap -D

Setup it up

Add wrapper

// .vitepress/config.js
import { withMermaid } from "vitepress-plugin-mermaid";

export default withMermaid({
  // your existing vitepress config...
});

Use in any Markdown file

<!---any-file.md-->

```mermaid
flowchart TD
  Start --> Stop
```