Drag from left column to right column but prevent dragging back to left column

[jasperf]

I am using https://github.com/SortableJS/Vue.Draggable that can use or Sortable options in Vue. We would like to allow dragging from one column/list to another, but prevent dragging items from the right column to the left. So basically one way dragging and dropping.

left column -----> right column
page one dropped item now menu item one
page two dropped item now menu item two
page three dropped item now menu item three

Once a page has been dropped and is a menu items we do not want it to be possible to drag a menu item back to page list.

How can we prevent this?

[jasperf]

Using pull:'clone' and put: false seems to be working

<draggable :group="{ name:'pages', pull: 'clone', put: false}" ...... >
...
</draggable>

Found tips at https://blog.logrocket.com/getting-started-vue-draggable/