From 5dac96a2d5d43c4922463978f7923d5827924044 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Tue, 2 Aug 2022 13:53:17 +0200
Subject: [PATCH] feat: only use one watcher

---
 src/components/tasks/gantt-chart.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/tasks/gantt-chart.vue b/src/components/tasks/gantt-chart.vue
index 6a564059..a9f5789f 100644
--- a/src/components/tasks/gantt-chart.vue
+++ b/src/components/tasks/gantt-chart.vue
@@ -54,7 +54,7 @@
 </template>
 
 <script setup lang="ts">
-import {computed, nextTick, ref, watch} from 'vue'
+import {computed, nextTick, ref, watch, watchEffect} from 'vue'
 import TaskCollectionService from '@/services/taskCollection'
 import TaskService from '@/services/task'
 import {format, parse} from 'date-fns'
@@ -174,11 +174,11 @@ async function loadTasks() {
 	mapGanttBars()
 }
 
-loadTasks()
-
-watch(() => props.dateTo, loadTasks)
-watch(() => props.dateFrom, loadTasks)
-watch(() => props.showTasksWithoutDates, loadTasks)
+watchEffect(() => loadTasks({
+	dateTo: props.dateTo,
+	dateFrom: props.dateFrom,
+	showTasksWithoutDates: props.showTasksWithoutDates,
+}))
 
 async function updateTask(e) {
 	const task = tasks.value.get(e.bar.ganttBarConfig.id)