From 2bdfd86481c04dca90de3a4d59dde11c796d4039 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sun, 9 Apr 2023 11:02:44 +0200
Subject: [PATCH] display simple task

---
 src/views/task/TaskView.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/views/task/TaskView.vue b/src/views/task/TaskView.vue
index bd1afce..29dd345 100644
--- a/src/views/task/TaskView.vue
+++ b/src/views/task/TaskView.vue
@@ -1,11 +1,21 @@
 <script setup lang="ts">
-defineProps<{
+import { useTaskStore } from '@/use-cases/task/stores/useTask.store'
+import { computed } from 'vue'
+
+const props = defineProps<{
   id: string
 }>()
+
+const taskStore = useTaskStore()
+
+const task = computed(() => taskStore.getTask(props.id))
 </script>
 
 <template>
-  <div class="task-view"></div>
+  <div class="task-view" v-if="task">
+    {{ task.title }}
+  </div>
+  <div v-else>Task not found</div>
 </template>
 
 <style scoped>