https://github.com/hojas/vue-mermaid-render

🧜‍♀️ Vue 3 component to render diagrams with Mermaid. 用于渲染 mermaid 的 Vue 3 组件。
https://github.com/hojas/vue-mermaid-render

diagrams mermaid vue

Last synced: about 1 month ago
JSON representation

🧜‍♀️ Vue 3 component to render diagrams with Mermaid. 用于渲染 mermaid 的 Vue 3 组件。

• Host: GitHub
• URL: https://github.com/hojas/vue-mermaid-render
• Owner: hojas
• License: mit
• Created: 2023-02-09T09:16:50.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-11-23T11:29:04.000Z (about 2 months ago)
• Last Synced: 2024-11-23T12:25:38.602Z (about 2 months ago)
• Topics: diagrams, mermaid, vue
• Language: Vue
• Homepage:
• Size: 335 KB
• Stars: 5
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vue-mermaid-render

![npm](https://img.shields.io/npm/v/vue-mermaid-render) ![downloads](https://img.shields.io/npm/dm/vue-mermaid-render)

Vue 3 component to render diagrams with Mermaid.

## Install

```shell

$ npm install vue-mermaid-render

```

## Use

```vue

import { VueMermaidRender } from 'vue-mermaid-render'

const content = `

graph TD;

  A-->B;

  A-->C;

  B-->D;

  C-->D;

`

  

```

## Props

- `content`: `string` diagram content string

- `config`: `MermaidConfig` mermaid config

## Related

[mermaid](https://github.com/mermaid-js/mermaid)