diff --git a/src/components/CreateModal.vue b/src/components/CreateModal.vue index 643e6ed..0a6cc6b 100644 --- a/src/components/CreateModal.vue +++ b/src/components/CreateModal.vue @@ -5,7 +5,7 @@ import { useTemplateRef } from 'vue' import { useTasks } from '../composables/useTasks.ts' import { router } from '../router.ts' -const { createTask, tasks } = useTasks() +const { createTask } = useTasks() async function handleSubmit(e: Event) { const data = new FormData(e.target as HTMLFormElement) diff --git a/src/components/TodoItem.vue b/src/components/TodoItem.vue index bf89fa1..8fcbc0f 100644 --- a/src/components/TodoItem.vue +++ b/src/components/TodoItem.vue @@ -2,14 +2,11 @@ import type { Task } from '../types.ts' import { PhCheckSquare, PhFlag, PhPlay, PhSquare } from '@phosphor-icons/vue' import { DateTime } from 'luxon' -import { computed, ref } from 'vue' -import { useTasks } from '../composables/useTasks.ts' +import { computed } from 'vue' import { TaskStatus } from '../types.ts' const { task } = defineProps<{ task: Task }>() -const { updateTask } = useTasks() - const dueColor = computed(() => { const dueDiff = task.dueDate ? DateTime.fromMillis(task.dueDate).diffNow('days').days : undefined if (!dueDiff) @@ -27,13 +24,6 @@ const dueColor = computed(() => { return 'text-neutral' } }) - -const statusSelectVisible = ref(false) - -async function handleClick(update: Partial) { - updateTask({ ...task, ...update }) - statusSelectVisible.value = false -}