From aa2d6a0e644742cb15295ee57da1a98380a4fcdd Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sun, 9 Apr 2023 10:08:16 +0200
Subject: [PATCH] save task in store

---
 src/use-cases/task/components/NewTaskForm.vue | 12 ++++++++++--
 src/use-cases/task/stores/useTask.store.ts    | 17 +++++++++++++++++
 2 files changed, 27 insertions(+), 2 deletions(-)
 create mode 100644 src/use-cases/task/stores/useTask.store.ts

diff --git a/src/use-cases/task/components/NewTaskForm.vue b/src/use-cases/task/components/NewTaskForm.vue
index 582c92c..a678b94 100644
--- a/src/use-cases/task/components/NewTaskForm.vue
+++ b/src/use-cases/task/components/NewTaskForm.vue
@@ -1,10 +1,15 @@
 <script setup lang="ts">
 import { createUuid } from '@/shared/create-uuid'
 import { computed, ref } from 'vue'
+import { useRouter } from 'vue-router'
 import { createStepFixture } from '../models/step.fixture'
 import { Task } from '../models/task'
+import { useTaskStore } from '../stores/useTask.store'
 import StepInput from './StepInput.vue'
 
+const store = useTaskStore()
+const router = useRouter()
+
 const id = createUuid()
 
 const title = ref('')
@@ -18,7 +23,10 @@ const saveTask = () => {
   task.addSteps(...steps.value)
 
   if (Task.validate(task)) {
-    return true
+    store.saveTask(task)
+    router.push({
+      name: 'home'
+    })
   }
 
   return false
@@ -35,7 +43,7 @@ const saveTask = () => {
         <input type="text" id="title" v-model="title" />
       </div>
       <StepInput v-model="steps" />
-      <pre>{{ steps }}</pre>
+      <button type="submit">save task</button>
     </form>
   </div>
 </template>
diff --git a/src/use-cases/task/stores/useTask.store.ts b/src/use-cases/task/stores/useTask.store.ts
new file mode 100644
index 0000000..4ec8d89
--- /dev/null
+++ b/src/use-cases/task/stores/useTask.store.ts
@@ -0,0 +1,17 @@
+import { defineStore } from 'pinia'
+import type { Taskable } from '../interfaces/taskable'
+
+interface State {
+  tasks: Taskable[]
+}
+
+export const useTaskStore = defineStore('task-store', {
+  state: (): State => ({
+    tasks: []
+  }),
+  actions: {
+    saveTask(task: Taskable) {
+      this.tasks.push(task)
+    }
+  }
+})