fix: use eager watcher

#30 (comment)
vuejs-jp · Jun 15, 2024 · 5dba359 · 5dba359
1 parent 95b9e90
commit 5dba359
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/content/1.vue/3.reactivity-2/.template/files/app.vue b/content/1.vue/3.reactivity-2/.template/files/app.vue
@@ -21,9 +21,7 @@ async function fetchTodo() {
   }
 }
 
-watch(todoId, fetchTodo)
-
-fetchTodo()
+watch(todoId, fetchTodo, { immediate: true })
 </script>
 
 <template>

diff --git a/content/1.vue/3.reactivity-2/.template/solutions/app.vue b/content/1.vue/3.reactivity-2/.template/solutions/app.vue
@@ -20,7 +20,7 @@ async function fetchTodo() {
   }
 }
 
-watch(() => todoData.id, fetchTodo)
+watch(() => todoData.id, fetchTodo, { immediate: true })
 
 fetchTodo()
 </script>