Refactor TodoItem and CreateModal to simplify state management and remove unused code

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)

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<Task>) {
-  updateTask({ ...task, ...update })
-  statusSelectVisible.value = false
-}
 </script>
 
 <template>

src/composables/useHistory.ts

@@ -15,7 +15,6 @@ export default function useHistory() {
   onMounted(async () => {
     store.value = await getValue('history') || []
     resetHistoryIndex()
-    console.log({ s: store.value })
   })
 
   const pushHistory = (item: string) => {

src/vite-env.d.ts

@@ -3,7 +3,7 @@
 declare module '*.vue' {
   import type { DefineComponent } from 'vue'
 
-  const component: DefineComponent<{}, {}, any>
+  const component: DefineComponent<object, object, any>
   export default component
 }