save task in store

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>

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)
+    }
+  }
+})