✨ [feat] : change 이벤트를 타입 지정을 위한 @types/sortablejs 패키지 설치 및 적용

Author: seorang42

package-lock.json

@@ -22,6 +22,7 @@
   "devDependencies": {
     "@tsconfig/node22": "^22.0.0",
     "@types/node": "^22.10.2",
+    "@types/sortablejs": "^1.15.8",
     "@typescript-eslint/eslint-plugin": "^8.20.0",
     "@typescript-eslint/parser": "^8.20.0",
     "@vitejs/plugin-vue": "^5.2.1",

package.json

@@ -23,7 +23,8 @@
           :list="status.taskList"
           group="taskList"
           item-key="task"
-          class="flex flex-col grow px-4 pb-4 gap-4 overflow-y-scroll">
+          class="flex flex-col grow px-4 pb-4 gap-4 overflow-y-scroll"
+          @change="onListChange">
           <template #item="{ element }">
             <TaskCard
               :key="element.taskId"
@@ -48,6 +49,11 @@ import TitleBar from '@/components/TitleBar.vue'
 import { DUMMY_TASK_CARD_LIST } from '@/datas/dummy'
 import { ref } from 'vue'
 import draggableComponent from 'vuedraggable'
+import type { SortableEvent } from 'sortablejs'
 
 const cardList = ref(DUMMY_TASK_CARD_LIST)
+
+const onListChange = (event: SortableEvent) => {
+  console.log(event)
+}
 </script>