Revert "Modification de la config es-lint + fix."

This reverts commit 6e197beb.

Revert "Modification de la config es-lint + fix."
This reverts commit 6e197beb.
Bruno Predot
Commit aca5412777f478f314574b0112f1dfd2896ef8ca aca54127 1 parent 6e197beb
Showing 23 changed files with 190 additions and 409 deletions
components/MovieCard.vue
components/MovieCommentList.vue
components/MoviesList.vue
components/details/).pdf
components/details/MovieGender.vue
components/details/ScoreAndVote.vue
components/form/MovieCommentForm.vue
components/ui-components/Loader.vue
components/ui-components/Poster.vue
components/ui-components/SearchBar.vue
components/ui-components/SkeletonMoviesLoader.vue
components/ui-components/TinyMceFieldEditor.vue
components/ui-components/skeletonMovieDetailLoader.vue
eslint.config.mjs
interfaces/credit.ts
interfaces/movie.ts
models/movieComment.ts
package-lock.json
package.json
pages/movies/[id]/index.vue
--- a/components/MovieCard.vue
View file @aca5412
+++ b/components/MovieCard.vue
View file @aca5412
@@ -26,15 +26,9 @@ defineProps({
         :alt="movie.title"
         :src="`https://image.tmdb.org/t/p/w500${movie.poster_path}`"
         class="absolute inset-0 w-full h-full object-cover"
-      >
-      <div
-        v-else
-        class="absolute inset-0 w-full h-full bg-gray-700 flex items-center justify-center"
-      >
-        <FilmIcon
-          :size="48"
-          class="text-gray-500"
       />
+      <div v-else class="absolute inset-0 w-full h-full bg-gray-700 flex items-center justify-center">
+        <FilmIcon :size="48" class="text-gray-500" />
       </div>
       <div
         class="absolute top-2 right-2 bg-primary text-white rounded-full w-10 h-10 flex items-center justify-center font-bold"
@@ -43,12 +37,8 @@ defineProps({
       </div>
     </div>
     <div class="p-4">
-      <h2 class="text-lg font-bold mb-1 line-clamp-1">
+      <h2 class="text-lg font-bold mb-1 line-clamp-1">{{ movie.title }}</h2>
-        {{ movie.title }}
+      <p class="text-sm text-gray-400">{{ useDateFormat(movie.release_date, "DD-MM-YYYY") }}</p>
-      </h2>
-      <p class="text-sm text-gray-400">
-        {{ useDateFormat(movie.release_date, "DD-MM-YYYY") }}
-      </p>
     </div>
   </section>
 </template>
--- a/components/MovieCommentList.vue
View file @aca5412
+++ b/components/MovieCommentList.vue
View file @aca5412
@@ -35,49 +35,25 @@ watch(
 <template>
   <section>
     <!-- Liste des commentaires -->
-    <section
+    <section v-if="comments.length > 0" class="mt-10">
-      v-if="comments.length > 0"
-      class="mt-10"
-    >
       <h2>Commentaires publiés</h2>
-      <div
+      <div v-for="(comment, index) in comments" :key="index" class="bg-gray-800 rounded-lg p-6 mb-4">
-        v-for="(comment, index) in comments"
-        :key="index"
-        class="bg-gray-800 rounded-lg p-6 mb-4"
-      >
         <div class="flex justify-between items-start mb-2">
           <section>
-            <h4 class="font-bold text-lg">
+            <h4 class="font-bold text-lg">Par {{ comment.username }}</h4>
-              Par {{ comment.username }}
+            <p class="text-sm text-gray-400">Le {{ useDateFormat(comment.createdAt, "DD-MM-YYYY") }}</p>
-            </h4>
-            <p class="text-sm text-gray-400">
-              Le {{ useDateFormat(comment.createdAt, "DD-MM-YYYY") }}
-            </p>
           </section>
           <section class="bg-primary text-white rounded-full w-10 h-10 flex items-center justify-center font-bold">
             {{ comment.rating }}
           </section>
         </div>
-        <p
+        <p :id="`message${index}`" class="text-gray-300">{{ comment.message }}</p>
-          :id="`message${index}`"
-          class="text-gray-300"
-        >
-          {{ comment.message }}
-        </p>
       </div>
     </section>
     <!-- Si aucun commentaire -->
-    <section
+    <section v-else class="text-center py-8 bg-gray-800 rounded-lg mt-10">
-      v-else
+      <MessageSquareIcon :size="48" class="mx-auto mb-3 text-gray-600" />
-      class="text-center py-8 bg-gray-800 rounded-lg mt-10"
+      <p class="text-gray-400">Aucun commentaire pour le moment. Soyez le premier à donner votre avis !</p>
-    >
-      <MessageSquareIcon
-        :size="48"
-        class="mx-auto mb-3 text-gray-600"
-      />
-      <p class="text-gray-400">
-        Aucun commentaire pour le moment. Soyez le premier à donner votre avis !
-      </p>
     </section>
   </section>
 </template>
--- a/components/MoviesList.vue
View file @aca5412
+++ b/components/MoviesList.vue
View file @aca5412
@@ -151,9 +151,7 @@ onBeforeUnmount(() => {
 <template>
   <section>
-    <h1 class="text-4xl font-bold mb-8 text-center">
+    <h1 class="text-4xl font-bold mb-8 text-center">Découvrez les films populaires</h1>
-      Découvrez les films populaires
-    </h1>
     <!-- Barre de recherche -->
     <ui-components-search-bar
       placeholder="Rechercher un film..."
@@ -169,46 +167,24 @@ onBeforeUnmount(() => {
     />
     <!-- Liste des films -->
-    <div
+    <div v-else-if="movies.length > 0" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
-      v-else-if="movies.length > 0"
+      <div v-for="movie in movies" :key="movie.id">
-      class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6"
-    >
-      <div
-        v-for="movie in movies"
-        :key="movie.id"
-      >
         <movie-card :movie="movie" />
       </div>
     </div>
     <!-- Message si aucun film trouvé -->
-    <section
+    <section v-else-if="searchQuery && !movies.length" class="text-center py-12">
-      v-else-if="searchQuery && !movies.length"
+      <SearchXIcon :size="64" class="mx-auto mb-4 text-gray-600" />
-      class="text-center py-12"
+      <h3 class="text-xl font-bold mb-2">Aucun film trouvé</h3>
-    >
+      <p class="text-gray-400">Essayez avec un autre terme de recherche</p>
-      <SearchXIcon
-        :size="64"
-        class="mx-auto mb-4 text-gray-600"
-      />
-      <h3 class="text-xl font-bold mb-2">
-        Aucun film trouvé
-      </h3>
-      <p class="text-gray-400">
-        Essayez avec un autre terme de recherche
-      </p>
     </section>
     <!-- Loader pour le chargement de plus de films -->
-    <ui-components-loader
+    <ui-components-loader :is-initial-loading="isInitialLoading" :is-loading="isLoadingMore" />
-      :is-initial-loading="isInitialLoading"
-      :is-loading="isLoadingMore"
-    />
     <!-- Élément observé pour le défilement infini -->
-    <div
+    <div ref="loadMoreTrigger" class="h-10 mt-4" />
-      ref="loadMoreTrigger"
-      class="h-10 mt-4"
-    />
   </section>
 </template>
--- a/components/details/).pdf deleted 100644 → 0
View file @6e197be
+++ b/components/details/).pdf deleted 100644 → 0
View file @6e197be
--- a/components/details/MovieGender.vue
View file @aca5412
+++ b/components/details/MovieGender.vue
View file @aca5412
@@ -17,11 +17,7 @@ defineProps({
 <template>
   <section class="mb-6">
     <div class="flex flex-wrap gap-2">
-      <span
+      <span v-for="genre in genres" :key="genre.id" class="px-3 py-1 bg-gray-800 rounded-full text-sm">
-        v-for="genre in genres"
-        :key="genre.id"
-        class="px-3 py-1 bg-gray-800 rounded-full text-sm"
-      >
         {{ genre.name }}
       </span>
     </div>
--- a/components/details/ScoreAndVote.vue
View file @aca5412
+++ b/components/details/ScoreAndVote.vue
View file @aca5412
@@ -34,12 +34,8 @@ const formatVoteCount = (count: number) => {
       {{ score.toFixed(1) }}
     </section>
     <section>
-      <p class="font-semibold">
+      <p class="font-semibold">Note TMDB</p>
-        Note TMDB
+      <div class="text-sm text-gray-400">{{ formatVoteCount(nbVote) }}</div>
-      </p>
-      <div class="text-sm text-gray-400">
-        {{ formatVoteCount(nbVote) }}
-      </div>
     </section>
   </section>
 </template>
--- a/components/form/MovieCommentForm.vue
View file @aca5412
+++ b/components/form/MovieCommentForm.vue
View file @aca5412
@@ -123,22 +123,13 @@ function handleMessageEvent(event: string) {
           }
         "
       >
-        <span
+        <span v-if="isSubmitting" class="flex items-center justify-center">
-          v-if="isSubmitting"
-          class="flex items-center justify-center"
-        >
           <span class="w-5 h-5 border-2 border-white border-t-transparent rounded-full animate-spin mr-2" />
           Envoi en cours...
         </span>
         <span v-else>Publier le commentaire</span>
       </v-btn>
-      <v-btn
+      <v-btn class="mt-6 mr-4" color="primary" @click="clear"> effacer</v-btn>
-        class="mt-6 mr-4"
-        color="primary"
-        @click="clear"
-      >
-        effacer
-      </v-btn>
     </VForm>
   </section>
 </template>
--- a/components/ui-components/Loader.vue
View file @aca5412
+++ b/components/ui-components/Loader.vue
View file @aca5412
@@ -17,10 +17,7 @@ defineProps({
 </script>
 <template>
-  <section
+  <section v-if="isLoading && !isInitialLoading" class="flex justify-center mt-8">
-    v-if="isLoading && !isInitialLoading"
-    class="flex justify-center mt-8"
-  >
     <div class="w-10 h-10 border-4 border-primary border-t-transparent rounded-full animate-spin" />
   </section>
 </template>
--- a/components/ui-components/Poster.vue
View file @aca5412
+++ b/components/ui-components/Poster.vue
View file @aca5412
@@ -20,20 +20,9 @@ defineProps({
 <template>
   <section class="w-full md:w-1/3 lg:w-1/4">
     <div class="rounded-lg overflow-hidden shadow-lg bg-gray-800">
-      <v-img
+      <v-img v-if="src" :alt="title" :src="`https://image.tmdb.org/t/p/w500${src}`" class="w-full h-auto" />
-        v-if="src"
+      <div v-else class="aspect-[2/3] bg-gray-700 flex items-center justify-center">
-        :alt="title"
+        <FilmIcon :size="64" class="text-gray-500" />
-        :src="`https://image.tmdb.org/t/p/w500${src}`"
-        class="w-full h-auto"
-      />
-      <div
-        v-else
-        class="aspect-[2/3] bg-gray-700 flex items-center justify-center"
-      >
-        <FilmIcon
-          :size="64"
-          class="text-gray-500"
-        />
       </div>
     </div>
   </section>
--- a/components/ui-components/SearchBar.vue
View file @aca5412
+++ b/components/ui-components/SearchBar.vue
View file @aca5412
@@ -49,7 +49,7 @@ function handleClearSearchEvent() {
         class="w-full px-4 py-3 bg-gray-800 rounded-full text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-primary"
         type="text"
         @input="handleSearchEvent"
-      >
+      />
       <button
         v-if="searchQuery"
         class="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-white"
@@ -57,10 +57,7 @@ function handleClearSearchEvent() {
       >
         <XIcon :size="20" />
       </button>
-      <button
+      <button v-else class="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400">
-        v-else
-        class="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400"
-      >
         <SearchIcon :size="20" />
       </button>
     </div>
--- a/components/ui-components/SkeletonMoviesLoader.vue
View file @aca5412
+++ b/components/ui-components/SkeletonMoviesLoader.vue
View file @aca5412
@@ -18,15 +18,8 @@ defineProps({
 <template>
   <!-- Skeleton loader pendant le chargement initial -->
-  <section
+  <section v-if="isInitialLoading" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
-    v-if="isInitialLoading"
+    <div v-for="i in skeletonNumber" :key="i" class="bg-gray-800 rounded-lg overflow-hidden shadow-lg animate-pulse">
-    class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6"
-  >
-    <div
-      v-for="i in skeletonNumber"
-      :key="i"
-      class="bg-gray-800 rounded-lg overflow-hidden shadow-lg animate-pulse"
-    >
       <div class="h-80 bg-gray-700" />
       <div class="p-4">
         <div class="h-6 bg-gray-700 rounded mb-3" />
--- a/components/ui-components/TinyMceFieldEditor.vue
View file @aca5412
+++ b/components/ui-components/TinyMceFieldEditor.vue
View file @aca5412
@@ -79,16 +79,9 @@ watch(
 <template>
   <div>
-    <editor
+    <editor v-model="content" :api-key="runtimeConfig.public.apiTinyMceSecret" :init="init" />
-      v-model="content"
-      :api-key="runtimeConfig.public.apiTinyMceSecret"
-      :init="init"
-    />
   </div>
-  <div
+  <div v-if="errorMessage" class="text-red-500 text-sm mt-1">
-    v-if="errorMessage"
-    class="text-red-500 text-sm mt-1"
-  >
     {{ errorMessage }}
   </div>
 </template>
--- a/components/ui-components/skeletonMovieDetailLoader.vue
View file @aca5412
+++ b/components/ui-components/skeletonMovieDetailLoader.vue
View file @aca5412
@@ -3,10 +3,7 @@
 <template>
   <v-container class="bg-gray-900">
     <v-row class="bg-gray-900">
-      <v-col
+      <v-col cols="12" sm="4">
-        cols="12"
-        sm="4"
-      >
         <v-skeleton-loader
           class="mx-auto border bg-gray-800"
           color="#1f2937"
@@ -15,10 +12,7 @@
           type="paragraph, image"
         />
       </v-col>
-      <v-col
+      <v-col cols="12" sm="8">
-        cols="12"
-        sm="8"
-      >
         <v-skeleton-loader
           class="mx-auto mt-10"
           color="#1f2937"
--- a/eslint.config.mjs
View file @aca5412
+++ b/eslint.config.mjs
View file @aca5412
 // @ts-check
 import withNuxt from "./.nuxt/eslint.config.mjs";
-import js from "@eslint/js";
-import eslintPluginVue from "eslint-plugin-vue";
-import ts from "typescript-eslint";
-export default withNuxt(
+export default withNuxt();
-  // Your custom configs here
+// Your custom configs here
-  js.configs.recommended,
-  ...ts.configs.recommended,
-  ...eslintPluginVue.configs["flat/recommended"],
-  {
-    files: ["*.vue", "**/*.vue"],
-    languageOptions: {
-      parserOptions: {
-        parser: "@typescript-eslint/parser",
-      },
-    },
-    rules: {
-      "vue/multi-word-component-names": "off",
-    },
-  },
-  // your custom flat configs go here, for example:
-  // {
-  //   files: ['**/*.ts', '**/*.tsx'],
-  //   rules: {
-  //     'no-console': 'off' // allow console.log in TypeScript files
-  //   }
-  // },
-  // {
-  //   ...
-  // }
-);
-
-// S'inspirer de ça :
-//
-// export default ts.config(
-//   js.configs.recommended,
-//   ...ts.configs.recommended,
-//   ...eslintPluginVue.configs['flat/recommended'],
-//   {
-//     files: ['*.vue', '**/*.vue'],
-//     languageOptions: {
-//       parserOptions: {
-//         parser: '@typescript-eslint/parser'
-//       }
-//     },
-//     rules: {
-//       'vue/multi-word-component-names': 'off'
-//     }
-//   }
-// )
--- a/interfaces/credit.ts
View file @aca5412
+++ b/interfaces/credit.ts
View file @aca5412
@@ -9,8 +9,8 @@ export interface CreditInterface {
 export type CreditsResponse = {
   id: number;
-  cast: CreditInterface[];
+  cast: CreditInterface[],
-  crew: CreditInterface[];
+  crew: CreditInterface[],
   movie_id: unknown;
   movie: MovieInterface;
-};
+}
--- a/interfaces/movie.ts
View file @aca5412
+++ b/interfaces/movie.ts
View file @aca5412
-import type { CreditsResponse } from "~/interfaces/credit";
+import type { CreditInterface, CreditsResponse } from "~/interfaces/credit";
 export interface MovieInterface {
   id: number;
@@ -12,7 +12,7 @@ export interface MovieInterface {
   popularity: number;
   poster_path: string | null;
   release_date: string;
-  runtime: number;
+  runtime: number
   title: string;
   video: boolean;
   vote_average: number;
@@ -21,6 +21,6 @@ export interface MovieInterface {
 }
 export type Genre = {
-  id: number;
+  id: number,
-  name: string;
+  name: string,
-};
+}
--- a/models/movieComment.ts
View file @aca5412
+++ b/models/movieComment.ts
View file @aca5412
@@ -22,10 +22,10 @@ export class MovieComment extends Model {
     return {
       // Attributs.
       id: this.uid(),
-      createdAt: this.string(""),
+      createdAt: this.string(''),
-      username: this.string(""),
+      username: this.string(''),
-      message: this.string(""),
+      message: this.string(''),
-      rating: this.string(""),
+      rating: this.string(''),
       // Relations.
       movie_id: this.attr(null),
       movie: this.belongsTo(Movie, "movie_id", "id"),
--- a/package-lock.json
View file @aca5412
+++ b/package-lock.json
View file @aca5412
@@ -43,7 +43,6 @@
         "jsdom": "^26.1.0",
         "playwright-core": "^1.52.0",
         "prettier": "^3.5.3",
-        "typescript-eslint": "^8.32.1",
         "vitest": "^3.1.2"
       }
     },
@@ -1218,9 +1217,9 @@
       }
     },
     "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.7.0",
+      "version": "4.6.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.6.1.tgz",
-      "integrity": "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==",
+      "integrity": "sha512-KTsJMmobmbrFLe3LDh0PC2FXpcSYJt/MLjlkh/9LEnmKYLSYmT/0EW9JWANjeoemiuZrmogti0tW5Ch+qNUYDw==",
       "license": "MIT",
       "dependencies": {
         "eslint-visitor-keys": "^3.4.3"
@@ -4877,20 +4876,20 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.32.1",
+      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.32.1.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.31.0.tgz",
-      "integrity": "sha512-6u6Plg9nP/J1GRpe/vcjjabo6Uc5YQPAMxsgQyGC/I0RuukiG1wIe3+Vtg3IrSCVJDmqK3j8adrtzXSENRtFgg==",
+      "integrity": "sha512-evaQJZ/J/S4wisevDvC1KFZkPzRetH8kYZbkgcTRyql3mcKsf+ZFDV1BVWUGTCAW5pQHoqn5gK5b8kn7ou9aFQ==",
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "8.32.1",
+        "@typescript-eslint/scope-manager": "8.31.0",
-        "@typescript-eslint/type-utils": "8.32.1",
+        "@typescript-eslint/type-utils": "8.31.0",
-        "@typescript-eslint/utils": "8.32.1",
+        "@typescript-eslint/utils": "8.31.0",
-        "@typescript-eslint/visitor-keys": "8.32.1",
+        "@typescript-eslint/visitor-keys": "8.31.0",
         "graphemer": "^1.4.0",
-        "ignore": "^7.0.0",
+        "ignore": "^5.3.1",
         "natural-compare": "^1.4.0",
-        "ts-api-utils": "^2.1.0"
+        "ts-api-utils": "^2.0.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4906,9 +4905,9 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/types": {
-      "version": "8.32.1",
+      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.32.1.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.31.0.tgz",
-      "integrity": "sha512-YmybwXUJcgGqgAp6bEsgpPXEg6dcCyPyCSr0CAAueacR/CCBi25G3V8gGQ2kRzQRBNol7VQknxMs9HvVa9Rvfg==",
+      "integrity": "sha512-Ch8oSjVyYyJxPQk8pMiP2FFGYatqXQfQIaMp+TpuuLlDachRWpUAeEu1u9B/v/8LToehUIWyiKcA/w5hUFRKuQ==",
       "license": "MIT",
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4919,12 +4918,12 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.32.1",
+      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.32.1.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.31.0.tgz",
-      "integrity": "sha512-ar0tjQfObzhSaW3C3QNmTc5ofj0hDoNQ5XWrCy6zDyabdr0TWhCkClp+rywGNj/odAFBVzzJrK4tEq5M4Hmu4w==",
+      "integrity": "sha512-QcGHmlRHWOl93o64ZUMNewCdwKGU6WItOU52H0djgNmn1EOrhVudrDzXz4OycCRSCPwFCDrE2iIt5vmuUdHxuQ==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.32.1",
+        "@typescript-eslint/types": "8.31.0",
         "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
@@ -4947,16 +4946,25 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.32.1",
+      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.32.1.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.31.0.tgz",
-      "integrity": "sha512-LKMrmwCPoLhM45Z00O1ulb6jwyVr2kr3XJp+G+tSEZcbauNnScewcQwtJqXDhXeYPDEjZ8C1SjXm015CirEmGg==",
+      "integrity": "sha512-67kYYShjBR0jNI5vsf/c3WG4u+zDnCTHTPqVMQguffaWWFs7artgwKmfwdifl+r6XyM5LYLas/dInj2T0SgJyw==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.32.1",
+        "@typescript-eslint/scope-manager": "8.31.0",
-        "@typescript-eslint/types": "8.32.1",
+        "@typescript-eslint/types": "8.31.0",
-        "@typescript-eslint/typescript-estree": "8.32.1",
+        "@typescript-eslint/typescript-estree": "8.31.0",
-        "@typescript-eslint/visitor-keys": "8.32.1",
+        "@typescript-eslint/visitor-keys": "8.31.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -4972,9 +4980,9 @@
       }
     },
     "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/types": {
-      "version": "8.32.1",
+      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.32.1.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.31.0.tgz",
-      "integrity": "sha512-YmybwXUJcgGqgAp6bEsgpPXEg6dcCyPyCSr0CAAueacR/CCBi25G3V8gGQ2kRzQRBNol7VQknxMs9HvVa9Rvfg==",
+      "integrity": "sha512-Ch8oSjVyYyJxPQk8pMiP2FFGYatqXQfQIaMp+TpuuLlDachRWpUAeEu1u9B/v/8LToehUIWyiKcA/w5hUFRKuQ==",
       "license": "MIT",
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4985,19 +4993,19 @@
       }
     },
     "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.32.1",
+      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.32.1.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.31.0.tgz",
-      "integrity": "sha512-Y3AP9EIfYwBb4kWGb+simvPaqQoT5oJuzzj9m0i6FCY6SPvlomY2Ei4UEMm7+FXtlNJbor80ximyslzaQF6xhg==",
+      "integrity": "sha512-xLmgn4Yl46xi6aDSZ9KkyfhhtnYI15/CvHbpOy/eR5NWhK/BK8wc709KKwhAR0m4ZKRP7h07bm4BWUYOCuRpQQ==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.32.1",
+        "@typescript-eslint/types": "8.31.0",
-        "@typescript-eslint/visitor-keys": "8.32.1",
+        "@typescript-eslint/visitor-keys": "8.31.0",
         "debug": "^4.3.4",
         "fast-glob": "^3.3.2",
         "is-glob": "^4.0.3",
         "minimatch": "^9.0.4",
         "semver": "^7.6.0",
-        "ts-api-utils": "^2.1.0"
+        "ts-api-utils": "^2.0.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5011,12 +5019,12 @@
       }
     },
     "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.32.1",
+      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.32.1.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.31.0.tgz",
-      "integrity": "sha512-ar0tjQfObzhSaW3C3QNmTc5ofj0hDoNQ5XWrCy6zDyabdr0TWhCkClp+rywGNj/odAFBVzzJrK4tEq5M4Hmu4w==",
+      "integrity": "sha512-QcGHmlRHWOl93o64ZUMNewCdwKGU6WItOU52H0djgNmn1EOrhVudrDzXz4OycCRSCPwFCDrE2iIt5vmuUdHxuQ==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.32.1",
+        "@typescript-eslint/types": "8.31.0",
         "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
@@ -5040,13 +5048,13 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.32.1",
+      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.32.1.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.31.0.tgz",
-      "integrity": "sha512-7IsIaIDeZn7kffk7qXC3o6Z4UblZJKV3UBpkvRNpr5NSyLji7tvTcvmnMNYuYLyh26mN8W723xpo3i4MlD33vA==",
+      "integrity": "sha512-knO8UyF78Nt8O/B64i7TlGXod69ko7z6vJD9uhSlm0qkAbGeRUSudcm0+K/4CrRjrpiHfBCjMWlc08Vav1xwcw==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.32.1",
+        "@typescript-eslint/types": "8.31.0",
-        "@typescript-eslint/visitor-keys": "8.32.1"
+        "@typescript-eslint/visitor-keys": "8.31.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5057,9 +5065,9 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager/node_modules/@typescript-eslint/types": {
-      "version": "8.32.1",
+      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.32.1.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.31.0.tgz",
-      "integrity": "sha512-YmybwXUJcgGqgAp6bEsgpPXEg6dcCyPyCSr0CAAueacR/CCBi25G3V8gGQ2kRzQRBNol7VQknxMs9HvVa9Rvfg==",
+      "integrity": "sha512-Ch8oSjVyYyJxPQk8pMiP2FFGYatqXQfQIaMp+TpuuLlDachRWpUAeEu1u9B/v/8LToehUIWyiKcA/w5hUFRKuQ==",
       "license": "MIT",
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5070,12 +5078,12 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager/node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.32.1",
+      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.32.1.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.31.0.tgz",
-      "integrity": "sha512-ar0tjQfObzhSaW3C3QNmTc5ofj0hDoNQ5XWrCy6zDyabdr0TWhCkClp+rywGNj/odAFBVzzJrK4tEq5M4Hmu4w==",
+      "integrity": "sha512-QcGHmlRHWOl93o64ZUMNewCdwKGU6WItOU52H0djgNmn1EOrhVudrDzXz4OycCRSCPwFCDrE2iIt5vmuUdHxuQ==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.32.1",
+        "@typescript-eslint/types": "8.31.0",
         "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
@@ -5099,15 +5107,15 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.32.1",
+      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.32.1.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.31.0.tgz",
-      "integrity": "sha512-mv9YpQGA8iIsl5KyUPi+FGLm7+bA4fgXaeRcFKRDRwDMu4iwrSHeDPipwueNXhdIIZltwCJv+NkxftECbIZWfA==",
+      "integrity": "sha512-DJ1N1GdjI7IS7uRlzJuEDCgDQix3ZVYVtgeWEyhyn4iaoitpMBX6Ndd488mXSx0xah/cONAkEaYyylDyAeHMHg==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "8.32.1",
+        "@typescript-eslint/typescript-estree": "8.31.0",
-        "@typescript-eslint/utils": "8.32.1",
+        "@typescript-eslint/utils": "8.31.0",
         "debug": "^4.3.4",
-        "ts-api-utils": "^2.1.0"
+        "ts-api-utils": "^2.0.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5122,9 +5130,9 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/types": {
-      "version": "8.32.1",
+      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.32.1.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.31.0.tgz",
-      "integrity": "sha512-YmybwXUJcgGqgAp6bEsgpPXEg6dcCyPyCSr0CAAueacR/CCBi25G3V8gGQ2kRzQRBNol7VQknxMs9HvVa9Rvfg==",
+      "integrity": "sha512-Ch8oSjVyYyJxPQk8pMiP2FFGYatqXQfQIaMp+TpuuLlDachRWpUAeEu1u9B/v/8LToehUIWyiKcA/w5hUFRKuQ==",
       "license": "MIT",
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5135,19 +5143,19 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.32.1",
+      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.32.1.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.31.0.tgz",
-      "integrity": "sha512-Y3AP9EIfYwBb4kWGb+simvPaqQoT5oJuzzj9m0i6FCY6SPvlomY2Ei4UEMm7+FXtlNJbor80ximyslzaQF6xhg==",
+      "integrity": "sha512-xLmgn4Yl46xi6aDSZ9KkyfhhtnYI15/CvHbpOy/eR5NWhK/BK8wc709KKwhAR0m4ZKRP7h07bm4BWUYOCuRpQQ==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.32.1",
+        "@typescript-eslint/types": "8.31.0",
-        "@typescript-eslint/visitor-keys": "8.32.1",
+        "@typescript-eslint/visitor-keys": "8.31.0",
         "debug": "^4.3.4",
         "fast-glob": "^3.3.2",
         "is-glob": "^4.0.3",
         "minimatch": "^9.0.4",
         "semver": "^7.6.0",
-        "ts-api-utils": "^2.1.0"
+        "ts-api-utils": "^2.0.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5161,12 +5169,12 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.32.1",
+      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.32.1.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.31.0.tgz",
-      "integrity": "sha512-ar0tjQfObzhSaW3C3QNmTc5ofj0hDoNQ5XWrCy6zDyabdr0TWhCkClp+rywGNj/odAFBVzzJrK4tEq5M4Hmu4w==",
+      "integrity": "sha512-QcGHmlRHWOl93o64ZUMNewCdwKGU6WItOU52H0djgNmn1EOrhVudrDzXz4OycCRSCPwFCDrE2iIt5vmuUdHxuQ==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.32.1",
+        "@typescript-eslint/types": "8.31.0",
         "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
@@ -5268,15 +5276,15 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.32.1",
+      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.32.1.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.31.0.tgz",
-      "integrity": "sha512-DsSFNIgLSrc89gpq1LJB7Hm1YpuhK086DRDJSNrewcGvYloWW1vZLHBTIvarKZDcAORIy/uWNx8Gad+4oMpkSA==",
+      "integrity": "sha512-qi6uPLt9cjTFxAb1zGNgTob4x9ur7xC6mHQJ8GwEzGMGE9tYniublmJaowOJ9V2jUzxrltTPfdG2nKlWsq0+Ww==",
       "license": "MIT",
       "dependencies": {
-        "@eslint-community/eslint-utils": "^4.7.0",
+        "@eslint-community/eslint-utils": "^4.4.0",
-        "@typescript-eslint/scope-manager": "8.32.1",
+        "@typescript-eslint/scope-manager": "8.31.0",
-        "@typescript-eslint/types": "8.32.1",
+        "@typescript-eslint/types": "8.31.0",
-        "@typescript-eslint/typescript-estree": "8.32.1"
+        "@typescript-eslint/typescript-estree": "8.31.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5291,9 +5299,9 @@
       }
     },
     "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/types": {
-      "version": "8.32.1",
+      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.32.1.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.31.0.tgz",
-      "integrity": "sha512-YmybwXUJcgGqgAp6bEsgpPXEg6dcCyPyCSr0CAAueacR/CCBi25G3V8gGQ2kRzQRBNol7VQknxMs9HvVa9Rvfg==",
+      "integrity": "sha512-Ch8oSjVyYyJxPQk8pMiP2FFGYatqXQfQIaMp+TpuuLlDachRWpUAeEu1u9B/v/8LToehUIWyiKcA/w5hUFRKuQ==",
       "license": "MIT",
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5304,19 +5312,19 @@
       }
     },
     "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.32.1",
+      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.32.1.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.31.0.tgz",
-      "integrity": "sha512-Y3AP9EIfYwBb4kWGb+simvPaqQoT5oJuzzj9m0i6FCY6SPvlomY2Ei4UEMm7+FXtlNJbor80ximyslzaQF6xhg==",
+      "integrity": "sha512-xLmgn4Yl46xi6aDSZ9KkyfhhtnYI15/CvHbpOy/eR5NWhK/BK8wc709KKwhAR0m4ZKRP7h07bm4BWUYOCuRpQQ==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.32.1",
+        "@typescript-eslint/types": "8.31.0",
-        "@typescript-eslint/visitor-keys": "8.32.1",
+        "@typescript-eslint/visitor-keys": "8.31.0",
         "debug": "^4.3.4",
         "fast-glob": "^3.3.2",
         "is-glob": "^4.0.3",
         "minimatch": "^9.0.4",
         "semver": "^7.6.0",
-        "ts-api-utils": "^2.1.0"
+        "ts-api-utils": "^2.0.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5330,12 +5338,12 @@
       }
     },
     "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.32.1",
+      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.32.1.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.31.0.tgz",
-      "integrity": "sha512-ar0tjQfObzhSaW3C3QNmTc5ofj0hDoNQ5XWrCy6zDyabdr0TWhCkClp+rywGNj/odAFBVzzJrK4tEq5M4Hmu4w==",
+      "integrity": "sha512-QcGHmlRHWOl93o64ZUMNewCdwKGU6WItOU52H0djgNmn1EOrhVudrDzXz4OycCRSCPwFCDrE2iIt5vmuUdHxuQ==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.32.1",
+        "@typescript-eslint/types": "8.31.0",
         "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
@@ -17344,29 +17352,6 @@
         "node": ">=14.17"
       }
     },
-    "node_modules/typescript-eslint": {
-      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.32.1.tgz",
-      "integrity": "sha512-D7el+eaDHAmXvrZBy1zpzSNIRqnCOrkwTgZxTu3MUqRWk8k0q9m9Ho4+vPf7iHtgUfrK/o8IZaEApsxPlHTFCg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.32.1",
-        "@typescript-eslint/parser": "8.32.1",
-        "@typescript-eslint/utils": "8.32.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <5.9.0"
-      }
-    },
     "node_modules/ufo": {
       "version": "1.6.1",
       "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.1.tgz",
--- a/package.json
View file @aca5412
+++ b/package.json
View file @aca5412
@@ -9,7 +9,7 @@
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare",
-    "lint:js": "eslint --ext \".ts,.vue\" . --fix",
+    "lint:js": "eslint --ext \".ts,.vue\" .",
     "lint:prettier": "prettier --write .",
     "lint": "npm run lint:js && npm run lint:prettier",
     "format": "prettier --write \"{components,pages,plugins,middleware,layouts,composables,assets}/**/*.{js,jsx,ts,tsx,vue,html,css,scss,json,md}\"",
--- a/pages/movies/[id]/index.vue
View file @aca5412
+++ b/pages/movies/[id]/index.vue
View file @aca5412
@@ -153,16 +153,9 @@ onMounted(() => {
     <ui-components-skeleton-movie-detail-loader v-if="isLoading" />
     <!-- Contenu du film -->
-    <div
+    <div v-else-if="movie" class="relative">
-      v-else-if="movie"
-      class="relative"
-    >
       <!-- Backdrop image -->
-      <ui-components-backdrop-image
+      <ui-components-backdrop-image v-if="movie.backdrop_path" :src="movie.backdrop_path" :title="movie.title" />
-        v-if="movie.backdrop_path"
-        :src="movie.backdrop_path"
-        :title="movie.title"
-      />
       <!-- Contenu principal -->
       <div class="container mx-auto px-4 py-8 relative z-10 pt-20">
@@ -170,64 +163,37 @@ onMounted(() => {
           class="flex items-center text-gray-400 hover:text-white mb-8 transition-colors"
           @click="navigateTo('/')"
         >
-          <ArrowLeftIcon
+          <ArrowLeftIcon :size="20" class="mr-2" />
-            :size="20"
-            class="mr-2"
-          />
           Retour
         </button>
         <div class="flex flex-col md:flex-row gap-8">
           <!-- Poster -->
-          <ui-components-poster
+          <ui-components-poster v-if="movie.poster_path" :src="movie.poster_path" :title="movie.title" />
-            v-if="movie.poster_path"
-            :src="movie.poster_path"
-            :title="movie.title"
-          />
           <!-- Informations du film -->
           <section class="w-full md:w-2/3 lg:w-3/4">
-            <h1 class="text-3xl md:text-4xl font-bold mb-2">
+            <h1 class="text-3xl md:text-4xl font-bold mb-2">{{ movie.title }}</h1>
-              {{ movie.title }}
+            <p v-if="movie.release_date" class="text-gray-400 mb-4">
-            </h1>
-            <p
-              v-if="movie.release_date"
-              class="text-gray-400 mb-4"
-            >
               {{ useDateFormat(movie.release_date, "DD-MM-YYYY") }} • {{ formatRuntime(movie.runtime) }}
             </p>
             <!-- Note et votes -->
-            <details-score-and-vote
+            <details-score-and-vote :nb-vote="movie.vote_count" :score="movie.vote_average" />
-              :nb-vote="movie.vote_count"
-              :score="movie.vote_average"
-            />
             <!-- Genres -->
             <details-movie-gender :genres="movie.genres" />
             <!-- Synopsis -->
             <div class="mb-6">
-              <h2 class="text-xl font-bold mb-2">
+              <h2 class="text-xl font-bold mb-2">Synopsis</h2>
-                Synopsis
+              <p class="text-gray-300">{{ movie.overview || "Aucun synopsis disponible." }}</p>
-              </h2>
-              <p class="text-gray-300">
-                {{ movie.overview || "Aucun synopsis disponible." }}
-              </p>
             </div>
             <!-- Réalisateur et têtes d'affiche -->
-            <div
+            <div v-if="movie.credit" class="mb-6">
-              v-if="movie.credit"
+              <h2 class="text-xl font-bold mb-2">Équipe</h2>
-              class="mb-6"
+              <div v-if="director" class="mb-2">
-            >
-              <h2 class="text-xl font-bold mb-2">
-                Équipe
-              </h2>
-              <div
-                v-if="director"
-                class="mb-2"
-              >
                 <span class="font-semibold">Réalisateur:</span> {{ director.name }}
               </div>
               <div v-if="movie.credit.cast.length > 0">
@@ -242,9 +208,7 @@ onMounted(() => {
               </div>
             </div>
             <!--  Comments form.  -->
-            <h3 class="text-xl font-bold mt-8 mb-4">
+            <h3 class="text-xl font-bold mt-8 mb-4">Ajouter un commentaire</h3>
-              Ajouter un commentaire
-            </h3>
             <form-movie-comment-form @event:submit="handleSubmitEvent" />
             <!-- Liste des commentaires -->
@@ -255,20 +219,10 @@ onMounted(() => {
     </div>
     <!-- Erreur -->
-    <section
+    <section v-else class="container mx-auto px-4 py-16 text-center">
-      v-else
+      <AlertTriangleIcon :size="64" class="mx-auto mb-4 text-red-500" />
-      class="container mx-auto px-4 py-16 text-center"
+      <h2 class="text-2xl font-bold mb-2">Film non trouvé</h2>
-    >
+      <p class="text-gray-400 mb-6">Nous n'avons pas pu trouver le film que vous cherchez.</p>
-      <AlertTriangleIcon
-        :size="64"
-        class="mx-auto mb-4 text-red-500"
-      />
-      <h2 class="text-2xl font-bold mb-2">
-        Film non trouvé
-      </h2>
-      <p class="text-gray-400 mb-6">
-        Nous n'avons pas pu trouver le film que vous cherchez.
-      </p>
       <button
         class="px-6 py-2 bg-primary text-white font-bold rounded-md hover:bg-primary-dark transition-colors"
         @click="navigateTo('/')"
--- a/type/commentForm.ts
View file @aca5412
+++ b/type/commentForm.ts
View file @aca5412
 export type Comment = {
-  username: string;
+  username: string
-  message: string;
+  message: string
-  rating: number;
+  rating: number
-};
+}
--- a/vite.config.ts
View file @aca5412
+++ b/vite.config.ts
View file @aca5412
 // vite.config.js
-import vue from "@vitejs/plugin-vue";
+import vue from '@vitejs/plugin-vue'
 export default {
   plugins: [vue()],
@@ -8,4 +8,4 @@ export default {
     environment: "happy-dom",
     // Additional test configurations can be added here
   },
-};
+}
--- a/vitest.config.m.ts
View file @aca5412
+++ b/vitest.config.m.ts
View file @aca5412
-import { defineVitestConfig } from "@nuxt/test-utils/config";
+import { defineVitestConfig } from '@nuxt/test-utils/config'
-import { fileURLToPath } from "node:url";
+import vue from '@vitejs/plugin-vue'
+import { fileURLToPath } from 'node:url'
 export default defineVitestConfig({
   /**
@@ -7,31 +8,31 @@ export default defineVitestConfig({
    * any custom Vitest config you require
    */
   test: {
-    environment: "nuxt",
+    environment: 'nuxt',
     globals: true,
     // you can optionally set Nuxt-specific environment options
     environmentOptions: {
       nuxt: {
-        rootDir: fileURLToPath(new URL("./", import.meta.url)),
+        rootDir: fileURLToPath(new URL('./', import.meta.url)),
-        domEnvironment: "happy-dom", // 'happy-dom' (default) or 'jsdom'
+        domEnvironment: 'happy-dom', // 'happy-dom' (default) or 'jsdom'
         overrides: {
           // other Nuxt config you want to pass
         },
         mock: {
           intersectionObserver: true,
           indexedDb: true,
-        },
+        }
       },
     },
     coverage: {
-      provider: "v8",
+      provider: 'v8',
-      reporter: ["text", "json", "html"],
+      reporter: ['text', 'json', 'html'],
-    },
+    }
   },
   resolve: {
     alias: {
-      "~": fileURLToPath(new URL("./", import.meta.url)),
+      '~': fileURLToPath(new URL('./', import.meta.url)),
-      "@": fileURLToPath(new URL("./", import.meta.url)),
+      '@': fileURLToPath(new URL('./', import.meta.url)),
-    },
+    }
-  },
+  }
-});
+})