<script setup lang="ts">
//#region --import--.
import SearchBar from "~/components/SearchBar.vue";
import { ref } from "vue";
//#endregion

//#region --Data/refs--.
const isInitialLoading = ref(true);
//#endregion
</script>

<template>
  <section>
    <h1 class="text-4xl font-bold mb-8 text-center">Découvrez les films populaires</h1>
    <!-- Barre de recherche -->
    <search-bar placeholder="Rechercher un film..."/>
    <!-- Loading Skeleton -->
    <skeleton-movies-loader :is-initial-loading="isInitialLoading" :skeleton-number="20" />
  </section>
</template>

<style scoped>

</style>