@vuepress-denaro/vuepress-plugin-flowchart

vuepress-plugin-flowchart

🎉 Rapid flowchart development plugin for vuepress.vuepress 的快速流程图开发插件.

Usage

• Install

# npm
npm install @vuepress-denaro/vuepress-plugin-flowchart

# yarn
yarn add @vuepress-denaro/vuepress-plugin-flowchart

• Update plugins in .vuepress/config.js or .vuepress/config.ts

js

const {
  flowchartPlugin,
} = require('@vuepress-denaro/vuepress-plugin-flowchart')
module.exports = {
  plugins: [
    moefyCanvasPlugin({
      openMarker: '@flowstart',
      closeMarker: '@flowend',
    }),
  ],
}

ts

import { flowchartPlugin } from '@vuepress-denaro/vuepress-plugin-flowchart'
import { defineUserConfig } from '@vuepress/cli'

export default defineUserConfig({
  plugins: [
    flowchartPlugin({
      openMarker: '@flowstart',
      closeMarker: '@flowend',
    }),
  ],
})

Configurations

openMarker

• type: string
• default: ````mermaid`

setting open marker.

closeMarker

• type: string
• default: `````

Thanks

vuepress-plugin-flowchart