<template>
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 p-6">
        <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>
