diff --git a/package.json b/package.json
index e1da923..367cd94 100644
--- a/package.json
+++ b/package.json
@@ -40,6 +40,7 @@
     "nuxt-icon": "^0.6.7",
     "nuxt-vitest": "^0.11.5",
     "typescript": "^5.3.3",
-    "vitest": "^1.0.2"
+    "vitest": "^1.0.2",
+    "vue-draggable-plus": "^0.3.0"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 72e1331..9c9c7e5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -70,6 +70,9 @@ devDependencies:
   vitest:
     specifier: ^1.0.2
     version: 1.0.2(happy-dom@12.10.3)
+  vue-draggable-plus:
+    specifier: ^0.3.0
+    version: 0.3.0(@types/sortablejs@1.15.7)
 
 packages:
 
@@ -1959,6 +1962,10 @@ packages:
     resolution: {integrity: sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==}
     dev: true
 
+  /@types/sortablejs@1.15.7:
+    resolution: {integrity: sha512-PvgWCx1Lbgm88FdQ6S7OGvLIjWS66mudKPlfdrWil0TjsO5zmoZmzoKiiwRShs1dwPgrlkr0N4ewuy0/+QUXYQ==}
+    dev: true
+
   /@types/unist@2.0.10:
     resolution: {integrity: sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA==}
     dev: true
@@ -7828,6 +7835,18 @@ packages:
   /vue-devtools-stub@0.1.0:
     resolution: {integrity: sha512-RutnB7X8c5hjq39NceArgXg28WZtZpGc3+J16ljMiYnFhKvd8hITxSWQSQ5bvldxMDU6gG5mkxl1MTQLXckVSQ==}
 
+  /vue-draggable-plus@0.3.0(@types/sortablejs@1.15.7):
+    resolution: {integrity: sha512-yMmP1LcSOsOI43wfm6x/YkFbmUqUqwULAqEXzINACOstuu2ICUB4aFHCwNfUCok34ZslTvcMckPP5OjbqwYCxA==}
+    peerDependencies:
+      '@types/sortablejs': ^1.15.0
+      '@vue/composition-api': '*'
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+    dependencies:
+      '@types/sortablejs': 1.15.7
+    dev: true
+
   /vue-eslint-parser@9.3.2(eslint@8.55.0):
     resolution: {integrity: sha512-q7tWyCVaV9f8iQyIA5Mkj/S6AoJ9KBN8IeUSf3XEmBrOtxOZnfTg5s4KClbZBCK3GtnT/+RyCLZyDHuZwTuBjg==}
     engines: {node: ^14.17.0 || >=16.0.0}
diff --git a/ui/dnd/Dnd.vue b/ui/dnd/Dnd.vue
new file mode 100644
index 0000000..e3fe87a
--- /dev/null
+++ b/ui/dnd/Dnd.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import { VueDraggable } from 'vue-draggable-plus'
+
+defineOptions({
+  name: 'LivraisonDnd',
+})
+</script>
+
+<template>
+  <VueDraggable>
+    <slot />
+  </VueDraggable>
+</template>