vue-mermaid

vue-mermaid

flowchart of mermaid with vue componet

Requirements

• Vue.js
• mermaid

Install Setup

# install dependencies
npm install --save vue-mermaid

Usage

register component

import VueMermaid from 'vue-mermaid'
export default {
  components: {
      VueMermaid
    },
  data:function(){
    return {
      data:[
        {id:'1',text:'A',next:['2']},
        {id:'2',text:'B',next:['3']},
        {id:'3',text:'C',next:['4','6']},
        {id:'4',text:'D',next:['5']},
        {id:'5',text:'E'},
        {id:'6',text:'F'}
      ]
    }
  }
}

template

<template>
  <vue-mermaid :nodes="data"></vue-mermaid>
</template>

result

Build Setup

# install dependencies
npm install

# build for production with minification
npm run build

Changelog

0.0.13

• Add url link support.
• Add linkStyle.