Vue.js Developer required to Create a horizontal tree structure, like shown below by dragging & dropping nodes. Label of node can be anything

Create a horizontal tree structure, like shown below by dragging & dropping nodes. Label of node can be anything

Data of each node is as follows:
{ Node ID,
parentId
nodeLabel
}

Notes:
●Any node can be added as a child of any other node (minus signs are the drop zones for a node to be dropped).
●If I drag the root node and make it a child of another node, then the left of the root node should become a new root node.
●Each node can have only 2 children