| 1 | <template> |
| 2 | <div class="page @container flex flex-col gap-6"> |
| 3 | <CaseDetails v-if="caseId" :case-id @deleted="handleDeleted" /> |
| 4 | </div> |
| 5 | </template> |
| 6 | |
| 7 | <script setup lang="ts"> |
| 8 | import { useRoute } from "vue-router" |
| 9 | import CaseDetails from "@/components/cases/CaseDetails" |
| 10 | import { useNavigation } from "@/composables/common/useNavigation" |
| 11 | import { toNumber } from "@/utils/format" |
| 12 | |
| 13 | const route = useRoute() |
| 14 | const { routeCasesList } = useNavigation() |
| 15 | const caseId = route.params.id ? toNumber(route.params.id as string) : null |
| 16 | |
| 17 | function handleDeleted() { |
| 18 | routeCasesList().navigate() |
| 19 | } |
| 20 | </script> |