Перетаскивание Shoppify не работает должным образом для перетаскивания списка

Question

Я пытаюсь реализовать перетаскивание списка в vuejs с помощью перетаскиваемого плагина shoppify. Я написал следующий код для перетаскивания элемента из одного списка и перетаскивания в другой список, но он не перетаскивает элемент.

this.droppable = new Droppable(document.querySelectorAll('ul'), {
      draggable: 'li',  
      dropzone: '.droppable_div',          
    });

Здесь ul - мой перетаскиваемый список, и я хочу добавить li в другой список, который находится в раскрывающемся списке div.