mirror of
https://github.com/C9Glax/tranga-website.git
synced 2025-10-15 09:50:48 +02:00
22 lines
734 B
Vue
22 lines
734 B
Vue
<template>
|
|
<UPageBody class="p-4 flex flex-row flex-wrap gap-6 mt-0">
|
|
<USkeleton v-if="status !== 'success'" class="max-w-[600px] w-full h-[350px]" />
|
|
<MangaCard
|
|
v-for="(m, i) in manga"
|
|
v-else
|
|
:key="m.key"
|
|
:manga="m"
|
|
:expanded="i === expanded"
|
|
@click="expanded = expanded === i ? -1 : i">
|
|
<template #actions="formanga">
|
|
<UButton :to="`manga/${formanga.key}`">Details</UButton>
|
|
</template>
|
|
</MangaCard>
|
|
</UPageBody>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const { data: manga, status } = await useApi('/v2/Manga', { key: FetchKeys.Manga.All, lazy: true });
|
|
const expanded = ref(-1);
|
|
</script>
|