1. Install Package: npm install @shopify/draggable --save

Then add below mentioned code:

import { Sortable } from "@shopify/draggable";


In onMounted:
 
 const draggable = new Sortable(document.querySelectorAll(".dragContainer"), {
        draggable: ".dragAble",
        handle: ".dragAble .draggable-handle",
        mirror: {
          //appendTo: selector,
          appendTo: "body",
          constrainDimensions: true
        }
      });
      draggable.on("drag:start", () => console.log("drag:start"));
      draggable.on("drag:move", () => console.log("drag:move"));
      draggable.on("drag:stop", () => console.log("drag:stop"));
      draggable.on("sortable:sorted", () => console.log("drag:sorted"));

.dragContainer this class is the main wrapper and in this class, all your draggable components should be placed.
.draggable-handle this is a button class to move components you can place this class to any component you want inside .dragContainer