mirror of
https://github.com/C9Glax/tranga-website.git
synced 2025-10-15 09:50:48 +02:00
25 lines
983 B
Vue
25 lines
983 B
Vue
<template>
|
|
<UPageBody>
|
|
<UPageHeader class="text-3xl px-4"
|
|
>Merge <span v-if="manga" class="italic text-secondary">{{ manga.name }}</span
|
|
><USkeleton v-else as="span" class="w-60 h-lh" /> with</UPageHeader
|
|
>
|
|
<UPageBody class="p-4 flex flex-row flex-wrap gap-6 mt-0">
|
|
<USkeleton v-if="!mangas" class="w-full h-[350px]" />
|
|
<NuxtLink v-for="m in mangas.filter((m) => m.key != mangaId)" v-else :key="m.key" :to="m.key">
|
|
<MangaCard :manga="m" />
|
|
</NuxtLink>
|
|
</UPageBody>
|
|
</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 });
|
|
|
|
useHead({ title: `Merge Manga ${manga.value?.name}` });
|
|
</script>
|