From 7b0d2d7ae43eab7dccafecc1327257f4b7643775 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Wed, 19 Apr 2023 23:45:01 +0200
Subject: [PATCH] add a confirm modal before resetting all tasks

---
 src/views/HomeView.vue | 29 +++++++++++++++++++++++------
 tsconfig.app.json      |  2 +-
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 16f5b3e..c86796f 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -3,16 +3,33 @@ import TaskList from '@/modules/task/components/TaskList.vue'
 import { useTaskStore } from '@/modules/task/stores/useTask.store'
 
 const taskStore = useTaskStore()
+
+const resetTasks = () => {
+  if (window.confirm('are you sure to reset all your tasks?')) {
+    taskStore.reset()
+  }
+}
 </script>
 
 <template>
   <main>
-    <router-link :to="{ name: 'new-task' }" class="button is-primary"
-      >New task</router-link
-    >
+    <div>
+      <router-link :to="{ name: 'new-task' }" class="button is-primary"
+        >New task</router-link
+      >
+    </div>
     <task-list />
-    <button class="button is-danger" @click="() => taskStore.reset()">
-      reset list
-    </button>
+    <div>
+      <button class="button is-danger" @click="resetTasks">reset list</button>
+    </div>
   </main>
 </template>
+
+<style scoped>
+main {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: 60vh;
+}
+</style>
diff --git a/tsconfig.app.json b/tsconfig.app.json
index 676cb37..59ff1c9 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -4,7 +4,7 @@
   "exclude": ["src/**/__tests__/*"],
   "compilerOptions": {
     "composite": true,
-    "lib": ["es2019"],
+    "lib": ["es2019", "dom"],
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]