Bruno Predot

Ajout composant SkeletonMovieDetailLoader.

1 ------- Dispo à la prochaine release ------------ 1 +------ Dispo à la prochaine release ------------
  2 +- Ajout composant SkeletonMovieDetailLoader.
  1 +<script setup lang="ts">
  2 +
  3 +</script>
  4 +
  5 +<template>
  6 + <v-container class="bg-gray-900">
  7 + <v-row class="bg-gray-900" >
  8 + <v-col cols="12" sm="4">
  9 + <v-skeleton-loader
  10 + class="mx-auto border bg-gray-800"
  11 + color="#1f2937"
  12 + width="auto"
  13 + height="600px"
  14 + type="paragraph, image"
  15 + />
  16 + </v-col>
  17 + <v-col cols="12" sm="8">
  18 + <v-skeleton-loader
  19 + class="mx-auto mt-10"
  20 + color="#1f2937"
  21 + elevation="12"
  22 + min-height="400px"
  23 + type="table-heading, list-item-two-line, article, actions, table-tfoot"
  24 + />
  25 + </v-col>
  26 + </v-row>
  27 + </v-container>
  28 +</template>
  29 +
  30 +<style scoped>
  31 +
  32 +</style>
1 <script setup lang="ts"> 1 <script setup lang="ts">
2 2
  3 +import SkeletonMovieDetailLoader from "~/components/ui-components/skeletonMovieDetailLoader.vue";
3 </script> 4 </script>
4 5
5 <template> 6 <template>
6 <section> 7 <section>
7 - composant détail d'un film. 8 + <!-- Skeleton loader pendant le chargement -->
  9 + <skeleton-movie-detail-loader />
8 </section> 10 </section>
9 </template> 11 </template>
10 12