rough outline of dragging tasks is working

web/components/ui/MainContent.vue

@@ -7,6 +7,7 @@ import type { DateTime } from 'luxon';
 const events = defineModel<Event[]>('events', { required: true })
 const date = defineModel<DateTime>('date', { required: true })
 const draggedTask = defineModel<DraggedTask | undefined>('draggedTask', { required: true })
+const tasks = defineModel<Task[]>('tasks', { required: true })
 
 const emits = defineEmits<{
 	(e: 'createEvent', event: Event): void
@@ -17,7 +18,7 @@ const emits = defineEmits<{
 <template>
 	<UCard class="flex grow" :ui="{ body: 'w-full h-full' }">
 		<Calendar @create="(event) => emits('createEvent', event)" v-model:events="events" v-model:date="date" ,
-			v-model:dragged-task="draggedTask">
+			v-model:dragged-task="draggedTask" v-model:tasks="tasks">
 		</Calendar>
 	</UCard>
 </template>