Tasks: list task by AppStore

frontend/src/views/TrackerView.vue

@@ -1,18 +1,30 @@
 <script setup>
 import TrackerTimer from '@/components/TrackerTimer.vue'
-import TrackerTask from '@/components/TrackerTask.vue'
+import TaskHeader from '@/components/TaskHeader.vue'
+import TaskRecord from '@/components/TaskRecord.vue'
 </script>
 
 <template>
   <main>
     <TrackerTimer />
-    <TrackerTask
-      client="Filip Rojek"
-      project="TiM"
-      time-start="1703960133061"
-      time-end="1703960141414"
-    />
+
+    <div class="task-day-wrapper">
+      <TaskHeader />
+      <div class="task-wrapper" v-for="task in tasks" :key="task._id">
+        <TaskRecord :task="task" />
+      </div>
+    </div>
   </main>
 </template>
 
-<script></script>
+<script>
+import AppStore from '@/stores/AppStore'
+
+export default {
+  data() {
+    return {
+      tasks: AppStore.data.fetchedTasks
+    }
+  }
+}
+</script>