update readme

README.md

@@ -22,6 +22,7 @@ function handleDrop(state: DragDropState<{ id: string }>) {
 	const { draggedItem, sourceContainer, targetContainer } = state;
 	if (!targetContainer || sourceContainer === targetContainer) return;
 
+	// Update items based on the drop
 	items = items.filter((item) => item !== draggedItem);
 	items = [...items, draggedItem];
 }

src/routes/+page.svelte

@@ -59,7 +59,8 @@
 		}))
 	);
 
-	async function handleDrop({ draggedItem, targetContainer }: DragDropState<Task>) {
+	async function handleDrop(state: DragDropState<Task>) {
+		const { draggedItem, targetContainer } = state;
 		if (!targetContainer) return; // Prevent self-placement
 
 		// Update the task's status to the target container

src/routes/grid-sort/+page.svelte

@@ -17,7 +17,8 @@
 		{ id: '6', color: 'from-pink-400 to-pink-600', icon: '🌸' }
 	]);
 
-	function handleDrop({ draggedItem, sourceContainer, targetContainer }: DragDropState<Card>) {
+	function handleDrop(state: DragDropState<Card>) {
+		const { draggedItem, sourceContainer, targetContainer } = state;
 		if (!targetContainer || sourceContainer === targetContainer) return; // Prevent self-placement
 
 		cards = cards.filter((card: Card) => card.id !== draggedItem.id); // Remove the dragged item

src/routes/horizontal-scroll/+page.svelte

@@ -14,7 +14,8 @@
 		{ id: '4', url: 'https://picsum.photos/200/300?4' }
 	]);
 
-	function handleDrop({ draggedItem, sourceContainer, targetContainer }: DragDropState<ImageItem>) {
+	function handleDrop(state: DragDropState<ImageItem>) {
+		const { draggedItem, sourceContainer, targetContainer } = state;
 		if (!targetContainer || sourceContainer === targetContainer) return; // Prevent self-placement
 
 		images = images.filter((img: ImageItem) => img.id !== draggedItem.id); // Remove the dragged item

src/routes/simple-list/+page.svelte

@@ -31,8 +31,8 @@
 		}
 	]);
 
-	function handleDrop(state: DragDropState<unknown>) {
-		const { draggedItem, targetContainer } = state as DragDropState<Item>;
+	function handleDrop(state: DragDropState<Item>) {
+		const { draggedItem, targetContainer } = state;
 		const dragIndex = items.findIndex((item: Item) => item.id === draggedItem.id);
 		const dropIndex = parseInt(targetContainer ?? '0');