glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-10-15 09:50:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

Loadingpage

Browse Source 
MangaCardList
Manga with Tag Page
This commit is contained in:
glax
2025-10-14 15:37:58 +02:00
parent a81212537c
commit 570d8014a1
7 changed files with 69 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
website/app/pages/index.vue
View File

@@ -1,17 +1,12 @@
<template>
<UPageBody class="p-4 flex flex-row flex-wrap gap-6 mt-0">
<MangaCard v-for="(m, i) in manga" :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>
<LoadingPage :loading="status === 'pending'" class="p-4 flex flex-row flex-wrap gap-6 mt-0">
<MangaCardList :manga="manga" />
</LoadingPage>
</template>
<script setup lang="ts">
const { data: manga, refresh } = await useApi('/v2/Manga', { key: FetchKeys.Manga.All, lazy: true });
const { data: manga, refresh, status } = await useApi('/v2/Manga', { key: FetchKeys.Manga.All, lazy: true });
onMounted(() => refresh());
const expanded = ref(-1);
useHead({ title: 'Tranga' });
</script>