<template>
  <div class="th-page task-detail-view">
    <ReservationTaskDetailPanel :task-id="taskId" />
  </div>
</template>

<script setup lang="ts">
import { computed } from 'vue'
import { useRoute } from 'vue-router'

import ReservationTaskDetailPanel from '@/components/reservation/ReservationTaskDetailPanel.vue'

const route = useRoute()
const taskId = computed(() => String(route.params.taskId ?? ''))
</script>

<style scoped>
.task-detail-view {
  max-width: 1180px;
}
</style>
