init the start of a record

src/views/record/RecordView.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import TaskRecord from '@/modules/record/components/TaskRecord.vue'
+
+const props = defineProps<{
+  taskId: string
+  recordId: string
+}>()
+</script>
+
+<template>
+  <div class="record-view">
+    <TaskRecord :task-id="taskId" :record-id="recordId" />
+  </div>
+</template>
+
+<style scoped lang="scss">
+.record-view {
+}
+</style>

src/views/task/TaskView.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import TaskRecordList from '@/modules/record/components/TaskRecordList.vue'
 import { useTaskStore } from '@/modules/task/stores/useTask.store'
 import { computed } from 'vue'
 
@@ -27,6 +28,7 @@ const task = computed(() => taskStore.getTask(props.id))
         <div>{{ step.title }} | {{ step.estimation }}</div>
       </li>
     </ul>
+    <task-record-list :task-id="id" />
   </div>
   <div v-else>Task not found</div>
 </template>