Animate edges like ReactFlow?

[eneeio-nm]

Hi there,

Is it possible to animate edges like this React Flow example?

I've been trying to achieve a similar outcome using a custom edge component, and manually injecting elements, but having no joy.

Since using computed for path

Example of issue

[eneeio-nm]

Got it working outside of my internal project:
https://codesandbox.io/p/devbox/klglw8

[eneeio-nm]

Actually, it isn't working quite properly. On initial load the paths aren't correct - the dots don't follow the path correctly.

[eneeio-nm]

I've updated the path value to a computed property, that seems to work now 🤞