reset list only if there are tasks

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>