<template>
    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3 p-4">
        <MangaCard v-for="manga in mangas" :key="manga.id" :manga="manga" />
    </div>
</template>

<script setup>
    import MangaCard from './MangaCard.vue';

    defineProps({
        mangas: {
            type: Array,
            required: true
        }
    });
</script>
