Call draggable when html element was created/rendered

[Guzmank90]

Jsfiddle link

https://jsfiddle.net/xfqwgy9k/ I'm using Vue 3 with quasar draggable for vue 3(next) cdn link is dead - so using this version.

Step by step scenario

1. Draggable is imported via cdn and loaded as component.
2. Starting condition is false, html elements aren't rendered
3. Condition changes and elements are rendered, draggable is initiated and used.

Actual Solution

I haven't managed to fix it. I had the same issue with sortable, fixed it with a watcher, initiated sortable object later on when condition matches and assigning new ids via for loop, here couldn't find any ids to assign to or grab it by - all though i met the same error here :(.

Expected Solution

I love that draggable has arrays with objects, I'll need to update db on changes in the future, the lighter the better, sortable would be a mess - draggable is preferred :).