モチベーション ブラウザ上で樹形図を編集したい 要求 Vue.js に組み込みたい ブラウザ上のボタン操作等で樹形図を編集したい 上記操作を反映して図を更新したい 樹形図要素に外部サイトへのリンクを貼りたい ライブラリ探し フローチャート図を作成できるライブラリを探した. flowchart-vue demo ドラッグアンドドロップ可 vue-simple-flowchart demo ドラッグアンドドロップ可 vue-mermaid demo無し VuePress mermaid demo無し mdからの図生成 選定 下2つのベースとなっている「mermaid」について調べてみたところ、どうやら樹形図上にリンクを埋め込む機能があるらしい(参考)ので、こちらを利用することとした。 VuePressは静的ページ向けっぽいのでvue-mermaid を利用することにした。 vue-mermai