vuepress-plugin-flowchart-js

Rapid flowchart development plugin for vuepress

Usage no npm install needed!

<script type="module">
  import vuepressPluginFlowchartJs from 'https://cdn.skypack.dev/vuepress-plugin-flowchart-js';
</script>

README

vuepress-plugin-flowchart-js

Badge Badge

preview

This repository used to be a fork of ulivz/vuepress-plugin-flowchart but the original one is no longer maintained, so here's our own. Thanks for the awesome work made by ulivz.

Features

  • Integrated flowchart.js with vuepress
  • Lazy loading.
  • Out-of-the-box styling preset (Currently support vue、ant).

Check out the full documentation.

Changes from the original

  1. Use ```flowchart and ``` as default wrapping syntax instead of @flowstart and @flowend.
  2. Remove redundant scrollbars from the charts.
  3. Skip SSR by wrapping chart components with <ClientOnly>, because:
    1. Normally the SVG tags make no sense to search engines.
    2. Avoid problems.
  4. Fix a problem while sometimes charts rendered multiple times in a container.

License

MIT