Files
tranga-website/website/app/pages/manga/[mangaId]/merge/index.vue

16 lines
673 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 { data: manga } = await useApiData('/v2/Manga/{MangaId}', { path: { MangaId: route.params.mangaId as string }, key: FetchKeys.Manga.Id(mangaId) });
const { data: mangas } = await useApiData('/v2/Manga', { key: FetchKeys.Manga.All });
</script>