Vue Flow Pathfinding Edge 🧲

__Custom edge that avoids crossing nodes__

🛠 Setup

``bash


install

$ yarn add @vue-flow/pathfinding-edge

or

$ npm i --save @vue-flow/pathfinding-edge
`

🎮 Quickstart

`vue


`

`js
// initial-elements.js
export default [
{
id: 'e12',
source: '1',
target: '2',
label: 'Smart Edge',
style: { stroke: 'red' },
// assign pathfinding edge type
type: 'pathfinding'
},
{
id: '1',
label: 'Node 1',
position: {
x: 430,
y: 0,
},
},
{
id: '2',
label: 'Node 2',
position: {
x: 230,
y: 90,
},
},
]
``