vue-mermaid-render

26,880 8
vue component vue-component mermaid diagrams
Install
npm install vue-mermaid-render
Latest Version:0.2.0
Vue:3
License:MIT
Last Updated:Nov 23, 2024
Links: GitHub  ·  npm
Maintainer: hojas

vue-mermaid-render

npm downloads

Vue 3 component to render diagrams with Mermaid.

Install

$ npm install vue-mermaid-render

Use

<script setup lang="ts">
import { VueMermaidRender } from 'vue-mermaid-render'

const content = `
graph TD;
  A-->B;
  A-->C;
  B-->D;
  C-->D;
`
</script>

<template>
  <VueMermaidRender :content="content" />
</template>

Props

  • content: string diagram content string
  • config: MermaidConfig mermaid config

Related

mermaid

Related Packages

vuepress-plugin-mermaidjs

A Vuepress plugin providing easy MermaidJS diagramming

40,239 75
diagrams mermaid vue documentation plugin vuepress
vue-json-tree-view

a JSON Tree View Component in Vue.js

380,792 473
vue-component vuejs
@v-c/picker

picker ui component for vue

57,185 32
vue-component picker
vue-frame-crm

vue components for crm system

15,005
vue vue-component
kokk

A beautiful way to create a documentation from markdown, and insert a vue compon...

10,142 49
vue-component markdown

Version History

Version Released License
0.2.0 MIT
0.1.4 MIT
0.1.3 MIT
0.1.2 MIT
0.1.1 MIT