reset list only if there are tasks
This commit is contained in:
@@ -1,9 +1,12 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import TaskList from '@/modules/task/components/TaskList.vue'
|
import TaskList from '@/modules/task/components/TaskList.vue'
|
||||||
import { useTaskStore } from '@/modules/task/stores/useTask.store'
|
import { useTaskStore } from '@/modules/task/stores/useTask.store'
|
||||||
|
import { computed } from 'vue'
|
||||||
|
|
||||||
const taskStore = useTaskStore()
|
const taskStore = useTaskStore()
|
||||||
|
|
||||||
|
const hasTask = computed(() => taskStore.tasks.length > 0)
|
||||||
|
|
||||||
const resetTasks = () => {
|
const resetTasks = () => {
|
||||||
if (window.confirm('are you sure to reset all your tasks?')) {
|
if (window.confirm('are you sure to reset all your tasks?')) {
|
||||||
taskStore.reset()
|
taskStore.reset()
|
||||||
@@ -19,7 +22,7 @@ const resetTasks = () => {
|
|||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<task-list />
|
<task-list />
|
||||||
<div>
|
<div v-if="hasTask">
|
||||||
<button class="button is-danger" @click="resetTasks">reset list</button>
|
<button class="button is-danger" @click="resetTasks">reset list</button>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
Reference in New Issue
Block a user