From c724001c509961cabaac7b15f2c14e2e3a142d11 Mon Sep 17 00:00:00 2001
From: Paul Spenke <paul@spenke-nordic.com>
Date: Mon, 23 Feb 2026 16:37:06 +0100
Subject: [PATCH] Refactor `TodoItem` and `CreateModal` to simplify state
 management and remove unused code

---
 src/components/CreateModal.vue |  2 +-
 src/components/TodoItem.vue    | 12 +-----------
 src/composables/useHistory.ts  |  1 -
 src/vite-env.d.ts              |  2 +-
 4 files changed, 3 insertions(+), 14 deletions(-)

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<Task>) {
-  updateTask({ ...task, ...update })
-  statusSelectVisible.value = false
-}
 </script>
 
 <template>
diff --git a/src/composables/useHistory.ts b/src/composables/useHistory.ts
index 4b32cc3..c05a179 100644
--- a/src/composables/useHistory.ts
+++ b/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) => {
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
index 4e86879..c0a7470 100644
--- a/src/vite-env.d.ts
+++ b/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
 }