mirror of
https://github.com/C9Glax/tranga-website.git
synced 2025-10-11 13:19:49 +02:00
23 lines
723 B
Vue
23 lines
723 B
Vue
<template>
|
|
<UPageHeader class="text-3xl px-4"
|
|
>Merge <span v-if="manga">{{ manga.name }}</span
|
|
><USkeleton v-else as="span" class="w-60 h-lh" /> into</UPageHeader
|
|
>
|
|
<UPageBody class="p-4 flex flex-row flex-wrap gap-6 mt-0">
|
|
<NuxtLink v-for="m in mangas" :to="`${m.key}`">
|
|
<MangaCard :manga="m" />
|
|
</NuxtLink>
|
|
</UPageBody>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const route = useRoute();
|
|
const mangaId = route.params.mangaId as string;
|
|
|
|
const { data: manga } = await useApi('/v2/Manga/{MangaId}', {
|
|
path: { MangaId: mangaId },
|
|
key: FetchKeys.Manga.Id(mangaId),
|
|
});
|
|
const { data: mangas } = await useApi('/v2/Manga', { key: FetchKeys.Manga.All });
|
|
</script>
|