mirror of
https://github.com/C9Glax/tranga-website.git
synced 2025-10-16 10:20:47 +02:00
MangaCardList grid gapping
withtag show loading under navigation
This commit is contained in:
@@ -1,20 +1,20 @@
|
||||
<template>
|
||||
<LoadingPage :loading="status === 'pending'">
|
||||
<TrangaPage>
|
||||
<template #title>
|
||||
<h1 class="text-2xl">
|
||||
Manga with Tag <UBadge variant="outline" class="text-primary font-semibold text-xl">{{ tag }}</UBadge>
|
||||
</h1>
|
||||
</template>
|
||||
<TrangaPage>
|
||||
<template #title>
|
||||
<h1 class="text-2xl">
|
||||
Manga with Tag <UBadge variant="outline" class="text-primary font-semibold text-xl">{{ tag }}</UBadge>
|
||||
</h1>
|
||||
</template>
|
||||
<LoadingPage :loading="status === 'pending'">
|
||||
<MangaCardList :manga="manga" />
|
||||
</TrangaPage>
|
||||
</LoadingPage>
|
||||
</LoadingPage>
|
||||
</TrangaPage>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
const route = useRoute();
|
||||
const tag = route.params.tag as string;
|
||||
const { data: manga, status } = await useApi('/v2/Manga/WithTag/{Tag}', { path: { Tag: tag } });
|
||||
const { data: manga, status } = await useApi('/v2/Manga/WithTag/{Tag}', { path: { Tag: tag }, lazy: true });
|
||||
|
||||
useHead({ title: 'Tranga' });
|
||||
</script>
|
||||
|
Reference in New Issue
Block a user