Add "TrangaPage" composable

This commit is contained in:
2025-10-14 21:08:30 +02:00
parent a622c7c45a
commit 39a1cb3857
13 changed files with 109 additions and 109 deletions

View File

@@ -1,16 +1,10 @@
<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((x) => x.key != mangaId)" v-else :key="m.key" :to="`/manga/${mangaId}/merge/${m.key}`">
<MangaCard :manga="m" />
</NuxtLink>
</UPageBody>
</UPageBody>
<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">