fix(typescript): fix vue draggable typescript issues

Signed-off-by: Zacharias Fragkiadakis <[email protected]>

Author: QZera

components/Column.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
-import { VueDraggable } from 'vue-draggable-plus'
+import { type SortableEvent, VueDraggable } from 'vue-draggable-plus'
 import type { Task } from '../types/tasks'
-import type { VueDraggableEvent } from '~/types/vue-draggable-plus'
 import { doneTaskStatuses } from '~/constants/tasks'
 
 const props = defineProps<{
@@ -29,18 +28,23 @@ watchEffect(() => {
   }
 })
 
-function handleMoveTask(event: VueDraggableEvent) {
-  const { id, kind } = event.item.dataset
-  const { column } = event.to.dataset
+function handleMoveTask(event: SortableEvent) {
+  const { oldIndex, newIndex, item, to } = event
+  const { id, kind } = item.dataset
+  const { column } = to.dataset
+  if (!id || !kind || !column || oldIndex === undefined || newIndex === undefined) {
+    throw new Error('Invalid task move event')
+  }
+
   const task = props.tasks.find((task) => task.rpb.kind === kind && task.id === id)
-  if (!task || !column || (task.rpb.column === column && event.oldIndex === event.newIndex)) {
+  if (!task || !column || (task.rpb.column === column && oldIndex === newIndex)) {
     return
   }
 
   tasks.moveTask({
     task,
     column,
-    index: event.newIndex,
+    index: newIndex,
   })
 }
 

pages/[node]/[rid].vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
-import { VueDraggable } from 'vue-draggable-plus'
+import { type SortableEvent, VueDraggable } from 'vue-draggable-plus'
 import { elementIds } from '~/constants/elements'
-import type { VueDraggableEvent } from '~/types/vue-draggable-plus'
 
 const auth = useAuthStore()
 const tasks = useTasksStore()
@@ -15,7 +14,11 @@ watchEffect(() => {
   }
 })
 
-function handleMoveColumn({ oldIndex, newIndex }: VueDraggableEvent) {
+function handleMoveColumn({ oldIndex, newIndex }: SortableEvent) {
+  if (!oldIndex || !newIndex) {
+    throw new Error('Invalid column move event')
+  }
+
   const column = board.state.columns[oldIndex]
   if (!column) {
     return