VuePress v2 plugin provides a global component wrapping Mermaid. Mermaid is a JavaScript library which lets you create diagrams and visualizations using text and code.

npm install --save vuepress-plugin-mermaid-wrapper

Add plugin to your VuePress config:

import { mermaidWrapperPlugin } from 'vuepress-plugin-mermaid-wrapper'

export default {
  plugins: [
    mermaidWrapperPlugin({
      /* options */
    }),
  ],
}

That's all. You can use Mermaid in you Markdown files:

• Type: object

• Required: false

• Details:

  Style customization of Mermaid theme. See Mermaid theme variables.

Pull requests are welcome.