round 4

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted, onBeforeUnmount, nextTick, computed } from 'vue'
+import { ref, watch, onBeforeUnmount, nextTick, computed } from 'vue'
 import { defineProps, defineEmits } from 'vue'
 import { getCachedImageUrl, revokeAllImageUrls } from '../../common/imageCache'
 import type { Task } from '@/common/models'
@@ -14,7 +14,6 @@ const props = defineProps<{
   filterType?: number | null
 }>()
 const emit = defineEmits<{
-  (e: 'points-updated', payload: { id: string; points: number }): void
   (e: 'trigger-task', task: Task): void
 }>()
 
@@ -119,7 +118,18 @@ const filteredTasks = computed(() => {
   return tasks.value
 })
 
-onMounted(fetchTasks)
+watch(
+  () => props.taskIds,
+  (newTaskIds) => {
+    if (newTaskIds && newTaskIds.length > 0) {
+      fetchTasks()
+    } else {
+      tasks.value = []
+      loading.value = false
+    }
+  },
+  { immediate: true },
+)
 
 // revoke all created object URLs when component unmounts
 onBeforeUnmount(() => {