diff --git a/app/components/edit/EditTodoSheet.vue b/app/components/edit/EditTodoSheet.vue index 9fcdffc..8cda89d 100644 --- a/app/components/edit/EditTodoSheet.vue +++ b/app/components/edit/EditTodoSheet.vue @@ -19,6 +19,8 @@ const todoStore = useTodoStore(); const { getTodoById } = storeToRefs(todoStore); + const showSaveIcon = ref(true); + const route = useRoute(); watch( () => route.query.uuid, @@ -41,6 +43,11 @@ async function onSaveTodo() { todoStore.updateTodo(uuid.value, todoData.value); + + showSaveIcon.value = false; + setTimeout(() => { + showSaveIcon.value = true; + }, 1000); } const localeRoute = useLocaleRoute(); @@ -75,7 +82,12 @@ :disabled="!isValid" class="bg-primary hover:bg-primary-hover disabled:bg-secondary flex aspect-square h-10 cursor-pointer items-center justify-center rounded transition-colors" > - + +