round 5

web/vue-app/src/components/task/TaskList.vue

@@ -79,6 +79,7 @@ const fetchTasks = async () => {
       if (props.selectable) selectedTasks.value = []
     } finally {
       loading.value = false
+      emit('loading-complete', filteredTasks.value.length)
     }
   } else {
     url = '/api/task/list'
@@ -105,7 +106,7 @@ const fetchTasks = async () => {
       tasks.value = []
       if (props.selectable) selectedTasks.value = []
     } finally {
-      emit('loading-complete', tasks.value.length)
+      emit('loading-complete', filteredTasks.value.length)
       loading.value = false
     }
   }

web/vue-app/src/components/task/TaskView.vue

@@ -46,7 +46,7 @@ const $router = useRouter()
 const showConfirm = ref(false)
 const taskToDelete = ref<string | null>(null)
 const taskListRef = ref()
-const taskCountRef = ref<number>(0)
+const taskCountRef = ref<number>(-1)
 
 function confirmDeleteTask(taskId: string) {
   taskToDelete.value = taskId
@@ -62,7 +62,6 @@ const deleteTask = async () => {
     if (!resp.ok) throw new Error(`HTTP ${resp.status}`)
     // Refresh the task list after successful delete
     taskListRef.value?.refresh()
-    console.log(`Task ${taskToDelete.value} deleted successfully`)
   } catch (err) {
     console.error('Failed to delete task:', err)
   } finally {