Use event instead of watch

mrleblanc101 · Aug 14, 2023 · d55efb5 · d55efb5
1 parent d893084
commit d55efb5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/components/TimeEntry.vue b/src/components/TimeEntry.vue
@@ -223,6 +223,10 @@ const props = defineProps({
     },
 });
 
+const emit = defineEmits<{
+  (e: 'add'): void
+}>()
+
 const model = ref(Object.assign({}, props.entry));
 const placeholder = ref('00:00:00');
 
@@ -378,6 +382,7 @@ function stop() {
 function add() {
     model.value.is_creating = false;
     commitEntry(model.value as Entry);
+    emit('add');
 }
 
 function edit() {

diff --git a/src/pages/index.vue b/src/pages/index.vue
@@ -4,7 +4,7 @@
             <TimeEntriesHeader />
             <div class="flex flex-col items-center w-full gap-2 mx-auto">
                 <TimeEntry v-for="(entry, index) in todaysEntries" :key="entry.id" :entry="entry" />
-                <TimeEntry v-if="canCreateEntry" :key="key" />
+                <TimeEntry v-if="canCreateEntry" :key="key" @add="key = uuidv4()" />
             </div>
         </div>
         <SummarySidebar />
@@ -20,8 +20,4 @@ const store = useStore();
 const { todaysEntries, canCreateEntry } = storeToRefs(store);
 
 const key = ref(uuidv4());
-
-watch(todaysEntries, () => {
-    key.value = uuidv4();
-});
 </script>