/vitepress-plugin-mermaid

Add mermaid support for Vitepress

Primary LanguageTypeScriptMIT LicenseMIT

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

Install

npm i @alt-point/vitepress-plugin-mermaid mermaid @mermaid-js/mermaid-mindmap -D

// or 

yarn add -D @alt-point/vitepress-plugin-mermaid mermaid @mermaid-js/mermaid-mindmap

Setup it up

Add wrapper

// .vitepress/config.js
import { withMermaid } from '@alt-point/vitepress-plugin-mermaid'

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

Use in any Markdown file

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

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