# vuepress-plugin-flowchart

flowchart plugin for vuepress

New features for (ulivz/vuepress-plugin-flowchart)(https://github.com/ulivz/vuepress-plugin-flowchart)

# Installation

yarn add -D @maginapp/vuepress-plugin-flowchart
# or npm install -D @maginapp/vuepress-plugin-flowchart

# Usage

# config

module.exports = {
    // ...
    plugins: [
        '@maginapp/vuepress-plugin-flowchart',
        {
          openMarker: '```mermaid',
          closeMarker: '```',
          scondMarker: 'flowchat',
          ignoreSecondLine: false
        }
    ]
    // ...
}

# options

# openMarker

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

setting open marker

# closeMarker

  • type: string
  • default: ```

setting close marker

# scondMarker

  • type: string
  • default: flowchat

setting scondline marker when ignoreSecondLine = false

# ignoreSecondLine

  • type: boolean
  • default: false

setting whether to use scondMarker

# difference with ulivz/vuepress-plugin-flowchart@v1.4.3

Just modify some code to be compatible with CSDN blog

  • It's just that the outer marker is different
​```mermaid
flowchat

...
sanme code with ulivz/vuepress-plugin-flowchart@v1.4.3
...

​```
  • Added configuration feature

It can be set to be the same as ulivz/vuepress-plugin-flowchart@v1.4.3 by configuring parameters

{
    openMarker: '@flowstart',
    closeMarker: '@flowend',
    ignoreSecondLine: true
}

# docs

Same Usage with ulivz/vuepress-plugin-flowchart@v1.4.3

# Quote

Made with ❤️ by Ahmad Mostafa - @z3by