@love-rox/kumihimo-vue

Vue 3 component and composable for kumihimo — AV signal flow diagrams (系統図) written as text.

pnpm add @love-rox/kumihimo-vue

<script setup>
import { Kumihimo } from '@love-rox/kumihimo-vue';
</script>

<template>
  <Kumihimo :source="src" theme="dark" @diagnostics="report">
    <template #fallback>読み込み中…</template>
  </Kumihimo>
</template>

import { useKumihimo } from '@love-rox/kumihimo-vue';

const { svg, diagram, diagnostics, pending, error } = useKumihimo(() => src.value);

Accepts values, refs or getters, and keeps the previous diagram on screen through a recompile.

See kumihimo.love-rox.cc for the guide and an editor you can type into, or the project README for the other packages.

License

MIT © SASAGAWA Kiyoshi