I've been working on making nestable DOM elements draggable with VueJS and I've made some progress. However, after dragging and dropping, it seems like some elements are disappearing.
Could someone please review my code and point out what might have gone wrong?
<script type="text/x-template" id="template-drag">
<draggable v-model="nodes" :options="{group: { name:'group'}}" class="draggable">
<template v-for="element in children">
<element-type :attrs="element"><draggable-nested :children="element.children"/></element-type>
</template>
</draggable>
</script>
Check out my JSFiddle for reference: https://jsfiddle.net/minuwan/gc5xjLru/