From f37c260e29b09d08d17dd19045a7386c44786251 Mon Sep 17 00:00:00 2001
From: YahorDanchanka <danchenko.dev@yandex.by>
Date: Tue, 27 Dec 2022 22:34:37 +0300
Subject: [PATCH 1/5] Added capture modifier support onMove event

---
 src/components/Sortable.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Sortable.vue b/src/components/Sortable.vue
index 71d315e..674a5ed 100644
--- a/src/components/Sortable.vue
+++ b/src/components/Sortable.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, PropType, watch, onUnmounted, computed } from "vue";
+import { ref, PropType, watch, onUnmounted, computed, useAttrs } from "vue";
 import Sortable, { SortableOptions } from "sortablejs";
 import type { AutoScrollOptions } from "sortablejs/plugins";
 
@@ -63,6 +63,8 @@ const emit = defineEmits<{
   (eventName: "change", evt: Sortable.SortableEvent): void;
 }>();
 
+const attrs = useAttrs()
+
 const containerRef = ref<HTMLElement | null>(null);
 const sortable = ref<Sortable | null>(null);
 const getKey = computed(() => {
@@ -84,7 +86,7 @@ watch(containerRef, (newDraggable) => {
       onSort: (event) => emit("sort", event),
       onRemove: (event) => emit("remove", event),
       onFilter: (event) => emit("filter", event),
-      onMove: (event, originalEvent) => emit("move", event, originalEvent),
+      onMove: (event, originalEvent) => "onMoveCapture" in attrs ? attrs.onMoveCapture() : emit("move", event, originalEvent),
       onClone: (event) => emit("clone", event),
       onChange: (event) => emit("change", event),
     });

From 2d98a9dbace96b36fe044856c4b2f0408a5e75de Mon Sep 17 00:00:00 2001
From: YahorDanchanka <danchenko.dev@yandex.by>
Date: Tue, 27 Dec 2022 23:01:14 +0300
Subject: [PATCH 2/5] Added type to build project

---
 src/components/Sortable.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Sortable.vue b/src/components/Sortable.vue
index 674a5ed..85379a6 100644
--- a/src/components/Sortable.vue
+++ b/src/components/Sortable.vue
@@ -86,7 +86,7 @@ watch(containerRef, (newDraggable) => {
       onSort: (event) => emit("sort", event),
       onRemove: (event) => emit("remove", event),
       onFilter: (event) => emit("filter", event),
-      onMove: (event, originalEvent) => "onMoveCapture" in attrs ? attrs.onMoveCapture() : emit("move", event, originalEvent),
+      onMove: (event, originalEvent) => "onMoveCapture" in attrs ? (<() => void>attrs.onMoveCapture)() : emit("move", event, originalEvent),
       onClone: (event) => emit("clone", event),
       onChange: (event) => emit("change", event),
     });

From d70f25d108857a19e71f65d65d915520a14c7137 Mon Sep 17 00:00:00 2001
From: Max Leiter <maxwell.leiter@gmail.com>
Date: Tue, 27 Dec 2022 12:42:11 -0800
Subject: [PATCH 3/5] Add comment on `attrs`

---
 src/components/Sortable.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Sortable.vue b/src/components/Sortable.vue
index 85379a6..433f468 100644
--- a/src/components/Sortable.vue
+++ b/src/components/Sortable.vue
@@ -86,6 +86,7 @@ watch(containerRef, (newDraggable) => {
       onSort: (event) => emit("sort", event),
       onRemove: (event) => emit("remove", event),
       onFilter: (event) => emit("filter", event),
+      // See https://github.com/MaxLeiter/sortablejs-vue3/pull/56 for context on `attrs`.
       onMove: (event, originalEvent) => "onMoveCapture" in attrs ? (<() => void>attrs.onMoveCapture)() : emit("move", event, originalEvent),
       onClone: (event) => emit("clone", event),
       onChange: (event) => emit("change", event),

From a20786ac423dd5de22c8dce23dfb03545704b09c Mon Sep 17 00:00:00 2001
From: YahorDanchanka <danchenko.dev@yandex.by>
Date: Tue, 27 Dec 2022 23:57:46 +0300
Subject: [PATCH 4/5] Added passing arguments on capture method

---
 src/components/Sortable.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Sortable.vue b/src/components/Sortable.vue
index 433f468..400a513 100644
--- a/src/components/Sortable.vue
+++ b/src/components/Sortable.vue
@@ -87,7 +87,7 @@ watch(containerRef, (newDraggable) => {
       onRemove: (event) => emit("remove", event),
       onFilter: (event) => emit("filter", event),
       // See https://github.com/MaxLeiter/sortablejs-vue3/pull/56 for context on `attrs`.
-      onMove: (event, originalEvent) => "onMoveCapture" in attrs ? (<() => void>attrs.onMoveCapture)() : emit("move", event, originalEvent),
+      onMove: (event, originalEvent) => "onMoveCapture" in attrs ? (<(event: Sortable.MoveEvent, originalEvent: Event) => void>attrs.onMoveCapture)(event, originalEvent) : emit("move", event, originalEvent),
       onClone: (event) => emit("clone", event),
       onChange: (event) => emit("change", event),
     });

From 1153a5e4e5fa14a5bbb99501ba660a47983ee8ba Mon Sep 17 00:00:00 2001
From: YahorDanchanka <danchenko.dev@yandex.by>
Date: Wed, 28 Dec 2022 00:13:54 +0300
Subject: [PATCH 5/5] Updated README.md

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 3f40baa..53861fb 100644
--- a/README.md
+++ b/README.md
@@ -90,6 +90,7 @@ You can listen to Sortable events by adding the listeners to the `Sortable` comp
   @remove="(event: Sortable.SortableEvent) => void"
   @filter="(event: Sortable.SortableEvent) => void"
   @move="(event: Sortable.MoveEvent, event2: Event) => void"
+  @move.capture="(event: Sortable.MoveEvent, event2: Event) => boolean | -1 | 1"
   @clone="(event: Sortable.SortableEvent) => void"
 >
 ```