diff options
Diffstat (limited to 'components/Top.vue')
| -rw-r--r-- | components/Top.vue | 33 |
1 files changed, 0 insertions, 33 deletions
diff --git a/components/Top.vue b/components/Top.vue deleted file mode 100644 index 78f1104..0000000 --- a/components/Top.vue +++ /dev/null @@ -1,33 +0,0 @@ -<template> - <section class="space-y-4"> - <section class="flex flex-col"> - <h2 class="text-secondary text-xl font-semibold">{{ title }}</h2> - <p class="text-primary text-sm">{{ description }}</p> - </section> - <section class="grid grid-cols-1 w-full gap-2"> - <NuxtLink :to="`/i/${item.id}`" class="relative w-full space-y-1" v-for="(item, index) in data"> - <NuxtImg :src="item.bannerImage" :alt="item.title.romaji" :title="item.title.romaji" - class="w-full h-20 object-cover rounded-sm opacity-50" /> - <div class="absolute inset-0 px-2"> - <button type="button" class="text-primary bg-secondary text-sm rounded-sm px-2"> - #{{ index + 1 }}</button> - <h6 class="text-primary text-base font-semibold truncate">{{ item.title.romaji }}</h6> - <div class="flex items-center gap-2"> - <button type="button" class="text-primary bg-secondary text-sm rounded-sm px-2"> - {{ item.averageScore }}%</button> - <button type="button" class="text-primary bg-secondary text-sm rounded-sm px-2"> - {{ item.format }}</button> - <button type="button" class="text-primary bg-secondary text-sm rounded-sm px-2"> - {{ item.season }}</button> - <button type="button" class="text-primary bg-secondary text-sm rounded-sm px-2"> - {{ item.seasonYear }}</button> - </div> - </div> - </NuxtLink> - </section> - </section> -</template> - -<script setup> -const { title, description, data } = defineProps(["title", "description", "data"]); -</script>
\ No newline at end of file |