diff options
| author | Kenimarru <[email protected]> | 2024-01-08 14:24:28 +0100 |
|---|---|---|
| committer | Kenimarru <[email protected]> | 2024-01-08 14:24:28 +0100 |
| commit | baadc091742fa9182956f6355ba97c0848340e32 (patch) | |
| tree | 07facaf7280eebb6036201bef8cefb1df078e6ea /components/Popular.vue | |
| parent | v0.3.1 (diff) | |
| download | hiruku-baadc091742fa9182956f6355ba97c0848340e32.tar.xz hiruku-baadc091742fa9182956f6355ba97c0848340e32.zip | |
v0.3.2
Diffstat (limited to 'components/Popular.vue')
| -rw-r--r-- | components/Popular.vue | 24 |
1 files changed, 0 insertions, 24 deletions
diff --git a/components/Popular.vue b/components/Popular.vue deleted file mode 100644 index 670e944..0000000 --- a/components/Popular.vue +++ /dev/null @@ -1,24 +0,0 @@ -<template> - <section class="space-y-4"> - <section class="flex flex-col"> - <h2 class="text-secondary text-xl font-semibold">All Time Popular</h2> - <p class="text-primary text-sm">Most Popular Anime</p> - </section> - <section class="grid grid-cols-2 md:grid-cols-8 gap-2"> - <NuxtLink :to="`/i/${item.id}`" class="w-full space-y-1" v-for="item in data"> - <NuxtImg :src="item.coverImage.large" :alt="item.title.romaji" :title="item.title.romaji" - class="w-full h-44 ms:h-48 mm:h-60 ml:h-64 tb:h-32 lp:h-56 ll:h-60 4k:h-96 - object-cover rounded-sm hover:scale-95" /> - <h6 class="text-primary text-sm truncate">{{ item.title.romaji }}</h6> - <div class="flex items-center gap-1"> - <p class="text-primary bg-secondary text-sm rounded-sm px-1.5">{{ item.format }}</p> - <p class="text-secondary bg-primary text-sm rounded-sm px-1.5">{{ item.seasonYear }}</p> - </div> - </NuxtLink> - </section> - </section> -</template> - -<script setup> -const { data } = await useFetch("/api/popular"); -</script>
\ No newline at end of file |