mirror of
https://github.com/C9Glax/tranga-website.git
synced 2025-10-15 09:50:48 +02:00
19 lines
790 B
Vue
19 lines
790 B
Vue
<template>
|
|
<MangaDetailPage :manga="manga" :back="{ text: 'Back', href: `/manga/${mangaId}`, icon: 'i-lucide-arrow-left' }" title="Merge with">
|
|
<USkeleton v-if="!mangas" class="w-full h-[350px]" />
|
|
<NuxtLink v-for="m in mangas.filter((x) => x.key != mangaId)" v-else :key="m.key" :to="`/manga/${mangaId}/merge/${m.key}`">
|
|
<MangaCard :manga="m" />
|
|
</NuxtLink>
|
|
</MangaDetailPage>
|
|
</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 });
|
|
|
|
useHead({ title: 'Merge Manga' });
|
|
</script>
|