<template>
    <MangaDetailPage :manga="manga" back-path="/search" />
</template>

<script setup lang="ts">
import MangaDetailPage from '~/components/MangaDetailPage.vue';

const route = useRoute();
const mangaId = route.params.MangaId as string;

const { data: manga } = await useApiData('/v2/Manga/{MangaId}', {
    path: { MangaId: mangaId },
    key: FetchKeys.Manga.Id(mangaId),
});
</script>
