From 27b178318548dba62c4c3029eb1ec303124cafef Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sun, 9 Apr 2023 10:21:20 +0200
Subject: [PATCH] save and navigate to home where we see tasks

---
 src/use-cases/task/components/NewTaskForm.vue |  3 ++-
 src/use-cases/task/components/TaskList.vue    | 18 ++++++++++++++++++
 src/views/HomeView.vue                        |  5 ++++-
 3 files changed, 24 insertions(+), 2 deletions(-)
 create mode 100644 src/use-cases/task/components/TaskList.vue

diff --git a/src/use-cases/task/components/NewTaskForm.vue b/src/use-cases/task/components/NewTaskForm.vue
index a678b94..8706714 100644
--- a/src/use-cases/task/components/NewTaskForm.vue
+++ b/src/use-cases/task/components/NewTaskForm.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { createUuid } from '@/shared/create-uuid'
+import { faker } from '@faker-js/faker'
 import { computed, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { createStepFixture } from '../models/step.fixture'
@@ -12,7 +13,7 @@ const router = useRouter()
 
 const id = createUuid()
 
-const title = ref('')
+const title = ref(faker.animal.bird())
 const steps = ref([createStepFixture(), createStepFixture()])
 const totalEstimation = computed(() =>
   steps.value.map((step) => step.estimation).reduce((a, b) => a + b, 0)
diff --git a/src/use-cases/task/components/TaskList.vue b/src/use-cases/task/components/TaskList.vue
new file mode 100644
index 0000000..b28544e
--- /dev/null
+++ b/src/use-cases/task/components/TaskList.vue
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import { useTaskStore } from '@/use-cases/task/stores/useTask.store'
+
+const taskStore = useTaskStore()
+</script>
+
+<template>
+  <ul class="task-list">
+    <li v-for="task in taskStore.tasks" :key="task.id">
+      {{ task.title }}
+    </li>
+  </ul>
+</template>
+
+<style scoped>
+.task-list {
+}
+</style>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 101e1b9..4df3471 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,7 +1,10 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import TaskList from '@/use-cases/task/components/TaskList.vue'
+</script>
 
 <template>
   <main>
     <RouterLink :to="{ name: 'new-task' }">New task</RouterLink>
+    <task-list />
   </main>
 </template>