J-Michalek · GitHub

Hey, I would like to use the item-wrapper to "wrap" the item in a droppable div, but keep the same base display. When i use the item-wrapper, it overrides everything in it instead of wrapping it (or I don't use it correctly). I would expect this to do the job :

<UTree v-if="folderItems.length" v-model="selectedFolderTreeItem" expanded-icon="i-lucide-folder" trailing-icon="" :items="folderItems" :ui="{ root: 'font-medium p-2', }" > <template #item-wrapper="{ item }"> <span @drop="(e) => onDropFolder(e, item.value!)" class="block w-full" draggable="true" @dragstart="(e) => onDragFolder(e, item.folder)" @dragover=" (event: DragEvent) => { event.preventDefault(); } " > <slot></slot> </span> </template> </UTree>

as it doesnt work as expected, can someone give me a hint on how to do it if its possible ?

Read the original on github.com ↗