From ad423de520630f5ef0a03c6b2d4699f18fe3a16a Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 8 Apr 2023 12:21:14 +0200
Subject: [PATCH] init the new task form

---
 src/use-cases/task/components/NewTaskForm.vue | 29 ++++++++++++++++---
 1 file changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/use-cases/task/components/NewTaskForm.vue b/src/use-cases/task/components/NewTaskForm.vue
index 0edc67c..75eb7f6 100644
--- a/src/use-cases/task/components/NewTaskForm.vue
+++ b/src/use-cases/task/components/NewTaskForm.vue
@@ -1,13 +1,34 @@
+<script setup lang="ts">
+import { createUuid } from '@/shared/create-uuid'
+import { reactive, ref } from 'vue'
+import type { Step } from '../models/step'
+import { Task } from '../models/task'
+
+const id = createUuid()
+
+const title = ref('')
+const steps: Step[] = reactive([])
+
+const saveTask = () => {
+  const task = new Task(id, title.value)
+  task.addSteps(...steps)
+
+  if (Task.validate(task)) {
+    return true
+  }
+
+  return false
+}
+</script>
+
 <template>
   <div>
     <h1>New Task Form</h1>
-    <form @submit.prevent>
+    <form @submit.prevent="saveTask">
       <label for="title">Title</label>
-      <input type="text" id="title" />
+      <input type="text" id="title" v-model="title" />
     </form>
   </div>
 </template>
 
-<script setup lang="ts"></script>
-
 <style scoped></style>