From fb498ba305691fa9ced96078ba7d22e5b56619db Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Thu, 20 Apr 2023 00:07:08 +0200
Subject: [PATCH] reset list only if there are tasks

---
 src/views/HomeView.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index c86796f..394d17b 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,9 +1,12 @@
 <script setup lang="ts">
 import TaskList from '@/modules/task/components/TaskList.vue'
 import { useTaskStore } from '@/modules/task/stores/useTask.store'
+import { computed } from 'vue'
 
 const taskStore = useTaskStore()
 
+const hasTask = computed(() => taskStore.tasks.length > 0)
+
 const resetTasks = () => {
   if (window.confirm('are you sure to reset all your tasks?')) {
     taskStore.reset()
@@ -19,7 +22,7 @@ const resetTasks = () => {
       >
     </div>
     <task-list />
-    <div>
+    <div v-if="hasTask">
       <button class="button is-danger" @click="resetTasks">reset list</button>
     </div>
   </main>