Newer
Older
<template>
<div class="film-row">
<div v-for="film in films" :key="film.id">
<FilmPoster :film="film" />
</div>
</div>
</template>
<script>
import FilmPoster from './FilmPoster.vue';
export default {
components: {
FilmPoster
},
props: {
films: {
type: Array,
required: true
}
}
};
</script>
<style scoped>
/* Styles pour la disposition des rangées */
.film-row {
text-align: center;
}
</style>