From 102673a959790772e04611c052f799489cdf6933 Mon Sep 17 00:00:00 2001
From: Smith1970 <17473921+Smith1970@users.noreply.github.com>
Date: Wed, 10 May 2023 09:56:35 +0000
Subject: [PATCH] Refactor watch to watchEffect

---
 src/views/app/todo/pages/LabelPage.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/views/app/todo/pages/LabelPage.vue b/src/views/app/todo/pages/LabelPage.vue
index 5852f3ac..32f5ad5e 100644
--- a/src/views/app/todo/pages/LabelPage.vue
+++ b/src/views/app/todo/pages/LabelPage.vue
@@ -6,16 +6,16 @@
 <script setup lang="ts">
 import TodoList from "@/views/app/todo/component/TodoList.vue";
 import { useTodoStore } from "@/views/app/todo/todoStore";
+import { watchEffect } from "vue";
 
 const todoStore = useTodoStore();
 const route = useRoute();
 
-watch(
-  () => route.params.id,
-  (id) => {
-    todoStore.currentLabel = id as string;
+watchEffect(() => {
+  if (route.params.id) {
+    todoStore.currentLabel = route.params.id as string;
   }
-);
+});
 </script>
 
 <template>