FilmRow.vue

<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>