VueUiDag
- Slightly trim the edge path when arrows are present, to avoid seeing the edge tip when the arrow is highlighted
- Expose the graph orientation ('TB' | 'RL' | 'BT' | 'LR') in scoped slots
- Add the
#free-node-labelscoped slot, to customize labels inside an exposed svg G element:
<VueUiDag :dataset="dataset" :config="config">
<template #free-node-label="{ node, orientation }">
<!-- Content will be injected inside a svg G element -->
<!-- Use this to place the label below the node, for example -->
<text :x="node.x" :y="node.y + node.height" fill="black" text-anchor="middle">
{{ node.label }}
</text>
</template>
</VueUiDag>