From ad910d5e99cc48ed97764f612e16f3c5041f1fab Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Thu, 3 Aug 2023 12:37:49 +0200
Subject: [PATCH] make it easier to understant the syntax of a task

---
 src/modules/task/components/StepInput.vue |  6 ++--
 src/modules/task/components/TaskForm.vue  | 36 ++++++++++++++++++++++-
 src/views/task/NewTask.vue                |  7 +----
 3 files changed, 39 insertions(+), 10 deletions(-)

diff --git a/src/modules/task/components/StepInput.vue b/src/modules/task/components/StepInput.vue
index aa6e4e7..f3f6a3a 100644
--- a/src/modules/task/components/StepInput.vue
+++ b/src/modules/task/components/StepInput.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import {
-  adaptStepsToTextarea,
-  adaptTextareaToSteps
+adaptStepsToTextarea,
+adaptTextareaToSteps
 } from '../infra/adaptStepsToTextarea'
 import type { Stepable } from '../interfaces/stepable'
 
@@ -38,7 +38,7 @@ const stepsTextarea = computed({
         v-model="stepsTextarea"
         rows="15"
         class="textarea"
-        placeholder="- [step] | <estimation>"
+        placeholder="- step | estimation"
       ></textarea>
     </div>
   </div>
diff --git a/src/modules/task/components/TaskForm.vue b/src/modules/task/components/TaskForm.vue
index 066396d..4638498 100644
--- a/src/modules/task/components/TaskForm.vue
+++ b/src/modules/task/components/TaskForm.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import EstimationTimeArrival from '@/components/EstimationTimeArrival.vue'
+import { createUuid } from '@/shared/create-uuid'
 import { computed, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import type { Stepable } from '../interfaces/stepable'
@@ -13,7 +14,40 @@ const router = useRouter()
 const props = defineProps<{ id: string; initialTask?: Taskable }>()
 const id = computed(() => props.id)
 
-const steps = ref<Stepable[]>(props.initialTask?.steps ?? [])
+const exampleSteps: Stepable[] = [
+  {
+    id: createUuid(),
+    title: 'create math.test file, test add function for simple cases',
+    estimation: 3
+  },
+  {
+    id: createUuid(),
+    title: 'create the math file, implement add function',
+    estimation: 3
+  },
+  {
+    id: createUuid(),
+    title: 'commit',
+    estimation: 1
+  },
+  {
+    id: createUuid(),
+    title: 'TDD for the multiply function',
+    estimation: 8
+  },
+  {
+    id: createUuid(),
+    title: 'write documentation',
+    estimation: 10
+  },
+  {
+    id: createUuid(),
+    title: 'commit, push and create the PR',
+    estimation: 5
+  },
+]
+
+const steps = ref<Stepable[]>(props.initialTask?.steps ?? exampleSteps)
 
 const title = ref(props.initialTask?.title ?? '')
 const link = ref(props.initialTask?.link ?? '')
diff --git a/src/views/task/NewTask.vue b/src/views/task/NewTask.vue
index 92f99f3..975f507 100644
--- a/src/views/task/NewTask.vue
+++ b/src/views/task/NewTask.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import NewTaskForm from '@/modules/task/components/NewTaskForm.vue'
+import NewTaskForm from '@/modules/task/components/NewTaskForm.vue';
 </script>
 
 <template>
@@ -7,8 +7,3 @@ import NewTaskForm from '@/modules/task/components/NewTaskForm.vue'
     <NewTaskForm />
   </div>
 </template>
-
-<style scoped>
-.new-task {
-}
-</style>