Modification de la config es-lint + fix.

Bruno Predot · Bruno Predot
Commit 6e197beb65c45c43e2e82f68a0d4c3b16987313e 6e197beb 1 parent 3e867f70
Showing 23 changed files with 410 additions and 191 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 @6e197be
+++ b/components/MovieCard.vue
View file @6e197be
@@ -26,9 +26,15 @@ 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">
+      <div
-        <FilmIcon :size="48" class="text-gray-500" />
+        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"
@@ -37,8 +43,12 @@ defineProps({
       </div>
     </div>
     <div class="p-4">
-      <h2 class="text-lg font-bold mb-1 line-clamp-1">{{ movie.title }}</h2>
+      <h2 class="text-lg font-bold mb-1 line-clamp-1">
-      <p class="text-sm text-gray-400">{{ useDateFormat(movie.release_date, "DD-MM-YYYY") }}</p>
+        {{ movie.title }}
+      </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 @6e197be
+++ b/components/MovieCommentList.vue
View file @6e197be
@@ -35,25 +35,49 @@ watch(
 <template>
   <section>
     <!-- Liste des commentaires -->
-    <section v-if="comments.length > 0" class="mt-10">
+    <section
+      v-if="comments.length > 0"
+      class="mt-10"
+    >
       <h2>Commentaires publiés</h2>
-      <div v-for="(comment, index) in comments" :key="index" class="bg-gray-800 rounded-lg p-6 mb-4">
+      <div
+        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">Par {{ comment.username }}</h4>
+            <h4 class="font-bold text-lg">
-            <p class="text-sm text-gray-400">Le {{ useDateFormat(comment.createdAt, "DD-MM-YYYY") }}</p>
+              Par {{ comment.username }}
+            </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 :id="`message${index}`" class="text-gray-300">{{ comment.message }}</p>
+        <p
+          :id="`message${index}`"
+          class="text-gray-300"
+        >
+          {{ comment.message }}
+        </p>
       </div>
     </section>
     <!-- Si aucun commentaire -->
-    <section v-else class="text-center py-8 bg-gray-800 rounded-lg mt-10">
+    <section
-      <MessageSquareIcon :size="48" class="mx-auto mb-3 text-gray-600" />
+      v-else
-      <p class="text-gray-400">Aucun commentaire pour le moment. Soyez le premier à donner votre avis !</p>
+      class="text-center py-8 bg-gray-800 rounded-lg mt-10"
+    >
+      <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 @6e197be
+++ b/components/MoviesList.vue
View file @6e197be
@@ -151,7 +151,9 @@ onBeforeUnmount(() => {
 <template>
   <section>
-    <h1 class="text-4xl font-bold mb-8 text-center">Découvrez les films populaires</h1>
+    <h1 class="text-4xl font-bold mb-8 text-center">
+      Découvrez les films populaires
+    </h1>
     <!-- Barre de recherche -->
     <ui-components-search-bar
       placeholder="Rechercher un film..."
@@ -167,24 +169,46 @@ onBeforeUnmount(() => {
     />
     <!-- Liste des films -->
-    <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">
+    <div
-      <div v-for="movie in movies" :key="movie.id">
+      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"
+    >
+      <div
+        v-for="movie in movies"
+        :key="movie.id"
+      >
         <movie-card :movie="movie" />
       </div>
     </div>
     <!-- Message si aucun film trouvé -->
-    <section v-else-if="searchQuery && !movies.length" class="text-center py-12">
+    <section
-      <SearchXIcon :size="64" class="mx-auto mb-4 text-gray-600" />
+      v-else-if="searchQuery && !movies.length"
-      <h3 class="text-xl font-bold mb-2">Aucun film trouvé</h3>
+      class="text-center py-12"
-      <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 :is-initial-loading="isInitialLoading" :is-loading="isLoadingMore" />
+    <ui-components-loader
+      :is-initial-loading="isInitialLoading"
+      :is-loading="isLoadingMore"
+    />
     <!-- Élément observé pour le défilement infini -->
-    <div ref="loadMoreTrigger" class="h-10 mt-4" />
+    <div
+      ref="loadMoreTrigger"
+      class="h-10 mt-4"
+    />
   </section>
 </template>
--- a/components/details/).pdf 0 → 100644
View file @6e197be
+++ b/components/details/).pdf 0 → 100644
View file @6e197be
--- a/components/details/MovieGender.vue
View file @6e197be
+++ b/components/details/MovieGender.vue
View file @6e197be
@@ -17,7 +17,11 @@ defineProps({
 <template>
   <section class="mb-6">
     <div class="flex flex-wrap gap-2">
-      <span v-for="genre in genres" :key="genre.id" class="px-3 py-1 bg-gray-800 rounded-full text-sm">
+      <span
+        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 @6e197be
+++ b/components/details/ScoreAndVote.vue
View file @6e197be
@@ -34,8 +34,12 @@ const formatVoteCount = (count: number) => {
       {{ score.toFixed(1) }}
     </section>
     <section>
-      <p class="font-semibold">Note TMDB</p>
+      <p class="font-semibold">
-      <div class="text-sm text-gray-400">{{ formatVoteCount(nbVote) }}</div>
+        Note TMDB
+      </p>
+      <div class="text-sm text-gray-400">
+        {{ formatVoteCount(nbVote) }}
+      </div>
     </section>
   </section>
 </template>
--- a/components/form/MovieCommentForm.vue
View file @6e197be
+++ b/components/form/MovieCommentForm.vue
View file @6e197be
@@ -123,13 +123,22 @@ function handleMessageEvent(event: string) {
           }
         "
       >
-        <span v-if="isSubmitting" class="flex items-center justify-center">
+        <span
+          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 class="mt-6 mr-4" color="primary" @click="clear"> effacer</v-btn>
+      <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 @6e197be
+++ b/components/ui-components/Loader.vue
View file @6e197be
@@ -17,7 +17,10 @@ defineProps({
 </script>
 <template>
-  <section v-if="isLoading && !isInitialLoading" class="flex justify-center mt-8">
+  <section
+    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 @6e197be
+++ b/components/ui-components/Poster.vue
View file @6e197be
@@ -20,9 +20,20 @@ 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-if="src" :alt="title" :src="`https://image.tmdb.org/t/p/w500${src}`" class="w-full h-auto" />
+      <v-img
-      <div v-else class="aspect-[2/3] bg-gray-700 flex items-center justify-center">
+        v-if="src"
-        <FilmIcon :size="64" class="text-gray-500" />
+        :alt="title"
+        :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 @6e197be
+++ b/components/ui-components/SearchBar.vue
View file @6e197be
@@ -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,7 +57,10 @@ function handleClearSearchEvent() {
       >
         <XIcon :size="20" />
       </button>
-      <button v-else class="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400">
+      <button
+        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 @6e197be
+++ b/components/ui-components/SkeletonMoviesLoader.vue
View file @6e197be
@@ -18,8 +18,15 @@ defineProps({
 <template>
   <!-- Skeleton loader pendant le chargement initial -->
-  <section v-if="isInitialLoading" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
+  <section
-    <div v-for="i in skeletonNumber" :key="i" class="bg-gray-800 rounded-lg overflow-hidden shadow-lg animate-pulse">
+    v-if="isInitialLoading"
+    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 @6e197be
+++ b/components/ui-components/TinyMceFieldEditor.vue
View file @6e197be
@@ -79,9 +79,16 @@ watch(
 <template>
   <div>
-    <editor v-model="content" :api-key="runtimeConfig.public.apiTinyMceSecret" :init="init" />
+    <editor
+      v-model="content"
+      :api-key="runtimeConfig.public.apiTinyMceSecret"
+      :init="init"
+    />
   </div>
-  <div v-if="errorMessage" class="text-red-500 text-sm mt-1">
+  <div
+    v-if="errorMessage"
+    class="text-red-500 text-sm mt-1"
+  >
     {{ errorMessage }}
   </div>
 </template>
--- a/components/ui-components/skeletonMovieDetailLoader.vue
View file @6e197be
+++ b/components/ui-components/skeletonMovieDetailLoader.vue
View file @6e197be
@@ -3,7 +3,10 @@
 <template>
   <v-container class="bg-gray-900">
     <v-row class="bg-gray-900">
-      <v-col cols="12" sm="4">
+      <v-col
+        cols="12"
+        sm="4"
+      >
         <v-skeleton-loader
           class="mx-auto border bg-gray-800"
           color="#1f2937"
@@ -12,7 +15,10 @@
           type="paragraph, image"
         />
       </v-col>
-      <v-col cols="12" sm="8">
+      <v-col
+        cols="12"
+        sm="8"
+      >
         <v-skeleton-loader
           class="mx-auto mt-10"
           color="#1f2937"
--- a/eslint.config.mjs
View file @6e197be
+++ b/eslint.config.mjs
View file @6e197be
 // @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 @6e197be
+++ b/interfaces/credit.ts
View file @6e197be
@@ -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 @6e197be
+++ b/interfaces/movie.ts
View file @6e197be
-import type { CreditInterface, CreditsResponse } from "~/interfaces/credit";
+import type { 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 @6e197be
+++ b/models/movieComment.ts
View file @6e197be
@@ -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 @6e197be
+++ b/package-lock.json
View file @6e197be
@@ -43,6 +43,7 @@
         "jsdom": "^26.1.0",
         "playwright-core": "^1.52.0",
         "prettier": "^3.5.3",
+        "typescript-eslint": "^8.32.1",
         "vitest": "^3.1.2"
       }
     },
@@ -1217,9 +1218,9 @@
       }
     },
     "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.6.1",
+      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.6.1.tgz",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz",
-      "integrity": "sha512-KTsJMmobmbrFLe3LDh0PC2FXpcSYJt/MLjlkh/9LEnmKYLSYmT/0EW9JWANjeoemiuZrmogti0tW5Ch+qNUYDw==",
+      "integrity": "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==",
       "license": "MIT",
       "dependencies": {
         "eslint-visitor-keys": "^3.4.3"
@@ -4876,20 +4877,20 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.31.0",
+      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.32.1.tgz",
-      "integrity": "sha512-evaQJZ/J/S4wisevDvC1KFZkPzRetH8kYZbkgcTRyql3mcKsf+ZFDV1BVWUGTCAW5pQHoqn5gK5b8kn7ou9aFQ==",
+      "integrity": "sha512-6u6Plg9nP/J1GRpe/vcjjabo6Uc5YQPAMxsgQyGC/I0RuukiG1wIe3+Vtg3IrSCVJDmqK3j8adrtzXSENRtFgg==",
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "8.31.0",
+        "@typescript-eslint/scope-manager": "8.32.1",
-        "@typescript-eslint/type-utils": "8.31.0",
+        "@typescript-eslint/type-utils": "8.32.1",
-        "@typescript-eslint/utils": "8.31.0",
+        "@typescript-eslint/utils": "8.32.1",
-        "@typescript-eslint/visitor-keys": "8.31.0",
+        "@typescript-eslint/visitor-keys": "8.32.1",
         "graphemer": "^1.4.0",
-        "ignore": "^5.3.1",
+        "ignore": "^7.0.0",
         "natural-compare": "^1.4.0",
-        "ts-api-utils": "^2.0.1"
+        "ts-api-utils": "^2.1.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4905,9 +4906,9 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/types": {
-      "version": "8.31.0",
+      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.32.1.tgz",
-      "integrity": "sha512-Ch8oSjVyYyJxPQk8pMiP2FFGYatqXQfQIaMp+TpuuLlDachRWpUAeEu1u9B/v/8LToehUIWyiKcA/w5hUFRKuQ==",
+      "integrity": "sha512-YmybwXUJcgGqgAp6bEsgpPXEg6dcCyPyCSr0CAAueacR/CCBi25G3V8gGQ2kRzQRBNol7VQknxMs9HvVa9Rvfg==",
       "license": "MIT",
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4918,12 +4919,12 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.31.0",
+      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.32.1.tgz",
-      "integrity": "sha512-QcGHmlRHWOl93o64ZUMNewCdwKGU6WItOU52H0djgNmn1EOrhVudrDzXz4OycCRSCPwFCDrE2iIt5vmuUdHxuQ==",
+      "integrity": "sha512-ar0tjQfObzhSaW3C3QNmTc5ofj0hDoNQ5XWrCy6zDyabdr0TWhCkClp+rywGNj/odAFBVzzJrK4tEq5M4Hmu4w==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.31.0",
+        "@typescript-eslint/types": "8.32.1",
         "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
@@ -4946,25 +4947,16 @@
         "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.31.0",
+      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.32.1.tgz",
-      "integrity": "sha512-67kYYShjBR0jNI5vsf/c3WG4u+zDnCTHTPqVMQguffaWWFs7artgwKmfwdifl+r6XyM5LYLas/dInj2T0SgJyw==",
+      "integrity": "sha512-LKMrmwCPoLhM45Z00O1ulb6jwyVr2kr3XJp+G+tSEZcbauNnScewcQwtJqXDhXeYPDEjZ8C1SjXm015CirEmGg==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.31.0",
+        "@typescript-eslint/scope-manager": "8.32.1",
-        "@typescript-eslint/types": "8.31.0",
+        "@typescript-eslint/types": "8.32.1",
-        "@typescript-eslint/typescript-estree": "8.31.0",
+        "@typescript-eslint/typescript-estree": "8.32.1",
-        "@typescript-eslint/visitor-keys": "8.31.0",
+        "@typescript-eslint/visitor-keys": "8.32.1",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -4980,9 +4972,9 @@
       }
     },
     "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/types": {
-      "version": "8.31.0",
+      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.32.1.tgz",
-      "integrity": "sha512-Ch8oSjVyYyJxPQk8pMiP2FFGYatqXQfQIaMp+TpuuLlDachRWpUAeEu1u9B/v/8LToehUIWyiKcA/w5hUFRKuQ==",
+      "integrity": "sha512-YmybwXUJcgGqgAp6bEsgpPXEg6dcCyPyCSr0CAAueacR/CCBi25G3V8gGQ2kRzQRBNol7VQknxMs9HvVa9Rvfg==",
       "license": "MIT",
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4993,19 +4985,19 @@
       }
     },
     "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.31.0",
+      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.32.1.tgz",
-      "integrity": "sha512-xLmgn4Yl46xi6aDSZ9KkyfhhtnYI15/CvHbpOy/eR5NWhK/BK8wc709KKwhAR0m4ZKRP7h07bm4BWUYOCuRpQQ==",
+      "integrity": "sha512-Y3AP9EIfYwBb4kWGb+simvPaqQoT5oJuzzj9m0i6FCY6SPvlomY2Ei4UEMm7+FXtlNJbor80ximyslzaQF6xhg==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.31.0",
+        "@typescript-eslint/types": "8.32.1",
-        "@typescript-eslint/visitor-keys": "8.31.0",
+        "@typescript-eslint/visitor-keys": "8.32.1",
         "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.0.1"
+        "ts-api-utils": "^2.1.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5019,12 +5011,12 @@
       }
     },
     "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.31.0",
+      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.32.1.tgz",
-      "integrity": "sha512-QcGHmlRHWOl93o64ZUMNewCdwKGU6WItOU52H0djgNmn1EOrhVudrDzXz4OycCRSCPwFCDrE2iIt5vmuUdHxuQ==",
+      "integrity": "sha512-ar0tjQfObzhSaW3C3QNmTc5ofj0hDoNQ5XWrCy6zDyabdr0TWhCkClp+rywGNj/odAFBVzzJrK4tEq5M4Hmu4w==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.31.0",
+        "@typescript-eslint/types": "8.32.1",
         "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
@@ -5048,13 +5040,13 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.31.0",
+      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.32.1.tgz",
-      "integrity": "sha512-knO8UyF78Nt8O/B64i7TlGXod69ko7z6vJD9uhSlm0qkAbGeRUSudcm0+K/4CrRjrpiHfBCjMWlc08Vav1xwcw==",
+      "integrity": "sha512-7IsIaIDeZn7kffk7qXC3o6Z4UblZJKV3UBpkvRNpr5NSyLji7tvTcvmnMNYuYLyh26mN8W723xpo3i4MlD33vA==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.31.0",
+        "@typescript-eslint/types": "8.32.1",
-        "@typescript-eslint/visitor-keys": "8.31.0"
+        "@typescript-eslint/visitor-keys": "8.32.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5065,9 +5057,9 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager/node_modules/@typescript-eslint/types": {
-      "version": "8.31.0",
+      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.32.1.tgz",
-      "integrity": "sha512-Ch8oSjVyYyJxPQk8pMiP2FFGYatqXQfQIaMp+TpuuLlDachRWpUAeEu1u9B/v/8LToehUIWyiKcA/w5hUFRKuQ==",
+      "integrity": "sha512-YmybwXUJcgGqgAp6bEsgpPXEg6dcCyPyCSr0CAAueacR/CCBi25G3V8gGQ2kRzQRBNol7VQknxMs9HvVa9Rvfg==",
       "license": "MIT",
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5078,12 +5070,12 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager/node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.31.0",
+      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.32.1.tgz",
-      "integrity": "sha512-QcGHmlRHWOl93o64ZUMNewCdwKGU6WItOU52H0djgNmn1EOrhVudrDzXz4OycCRSCPwFCDrE2iIt5vmuUdHxuQ==",
+      "integrity": "sha512-ar0tjQfObzhSaW3C3QNmTc5ofj0hDoNQ5XWrCy6zDyabdr0TWhCkClp+rywGNj/odAFBVzzJrK4tEq5M4Hmu4w==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.31.0",
+        "@typescript-eslint/types": "8.32.1",
         "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
@@ -5107,15 +5099,15 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.31.0",
+      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.32.1.tgz",
-      "integrity": "sha512-DJ1N1GdjI7IS7uRlzJuEDCgDQix3ZVYVtgeWEyhyn4iaoitpMBX6Ndd488mXSx0xah/cONAkEaYyylDyAeHMHg==",
+      "integrity": "sha512-mv9YpQGA8iIsl5KyUPi+FGLm7+bA4fgXaeRcFKRDRwDMu4iwrSHeDPipwueNXhdIIZltwCJv+NkxftECbIZWfA==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "8.31.0",
+        "@typescript-eslint/typescript-estree": "8.32.1",
-        "@typescript-eslint/utils": "8.31.0",
+        "@typescript-eslint/utils": "8.32.1",
         "debug": "^4.3.4",
-        "ts-api-utils": "^2.0.1"
+        "ts-api-utils": "^2.1.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5130,9 +5122,9 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/types": {
-      "version": "8.31.0",
+      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.32.1.tgz",
-      "integrity": "sha512-Ch8oSjVyYyJxPQk8pMiP2FFGYatqXQfQIaMp+TpuuLlDachRWpUAeEu1u9B/v/8LToehUIWyiKcA/w5hUFRKuQ==",
+      "integrity": "sha512-YmybwXUJcgGqgAp6bEsgpPXEg6dcCyPyCSr0CAAueacR/CCBi25G3V8gGQ2kRzQRBNol7VQknxMs9HvVa9Rvfg==",
       "license": "MIT",
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5143,19 +5135,19 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.31.0",
+      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.32.1.tgz",
-      "integrity": "sha512-xLmgn4Yl46xi6aDSZ9KkyfhhtnYI15/CvHbpOy/eR5NWhK/BK8wc709KKwhAR0m4ZKRP7h07bm4BWUYOCuRpQQ==",
+      "integrity": "sha512-Y3AP9EIfYwBb4kWGb+simvPaqQoT5oJuzzj9m0i6FCY6SPvlomY2Ei4UEMm7+FXtlNJbor80ximyslzaQF6xhg==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.31.0",
+        "@typescript-eslint/types": "8.32.1",
-        "@typescript-eslint/visitor-keys": "8.31.0",
+        "@typescript-eslint/visitor-keys": "8.32.1",
         "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.0.1"
+        "ts-api-utils": "^2.1.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5169,12 +5161,12 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.31.0",
+      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.32.1.tgz",
-      "integrity": "sha512-QcGHmlRHWOl93o64ZUMNewCdwKGU6WItOU52H0djgNmn1EOrhVudrDzXz4OycCRSCPwFCDrE2iIt5vmuUdHxuQ==",
+      "integrity": "sha512-ar0tjQfObzhSaW3C3QNmTc5ofj0hDoNQ5XWrCy6zDyabdr0TWhCkClp+rywGNj/odAFBVzzJrK4tEq5M4Hmu4w==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.31.0",
+        "@typescript-eslint/types": "8.32.1",
         "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
@@ -5276,15 +5268,15 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.31.0",
+      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.32.1.tgz",
-      "integrity": "sha512-qi6uPLt9cjTFxAb1zGNgTob4x9ur7xC6mHQJ8GwEzGMGE9tYniublmJaowOJ9V2jUzxrltTPfdG2nKlWsq0+Ww==",
+      "integrity": "sha512-DsSFNIgLSrc89gpq1LJB7Hm1YpuhK086DRDJSNrewcGvYloWW1vZLHBTIvarKZDcAORIy/uWNx8Gad+4oMpkSA==",
       "license": "MIT",
       "dependencies": {
-        "@eslint-community/eslint-utils": "^4.4.0",
+        "@eslint-community/eslint-utils": "^4.7.0",
-        "@typescript-eslint/scope-manager": "8.31.0",
+        "@typescript-eslint/scope-manager": "8.32.1",
-        "@typescript-eslint/types": "8.31.0",
+        "@typescript-eslint/types": "8.32.1",
-        "@typescript-eslint/typescript-estree": "8.31.0"
+        "@typescript-eslint/typescript-estree": "8.32.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5299,9 +5291,9 @@
       }
     },
     "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/types": {
-      "version": "8.31.0",
+      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.32.1.tgz",
-      "integrity": "sha512-Ch8oSjVyYyJxPQk8pMiP2FFGYatqXQfQIaMp+TpuuLlDachRWpUAeEu1u9B/v/8LToehUIWyiKcA/w5hUFRKuQ==",
+      "integrity": "sha512-YmybwXUJcgGqgAp6bEsgpPXEg6dcCyPyCSr0CAAueacR/CCBi25G3V8gGQ2kRzQRBNol7VQknxMs9HvVa9Rvfg==",
       "license": "MIT",
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5312,19 +5304,19 @@
       }
     },
     "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.31.0",
+      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.32.1.tgz",
-      "integrity": "sha512-xLmgn4Yl46xi6aDSZ9KkyfhhtnYI15/CvHbpOy/eR5NWhK/BK8wc709KKwhAR0m4ZKRP7h07bm4BWUYOCuRpQQ==",
+      "integrity": "sha512-Y3AP9EIfYwBb4kWGb+simvPaqQoT5oJuzzj9m0i6FCY6SPvlomY2Ei4UEMm7+FXtlNJbor80ximyslzaQF6xhg==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.31.0",
+        "@typescript-eslint/types": "8.32.1",
-        "@typescript-eslint/visitor-keys": "8.31.0",
+        "@typescript-eslint/visitor-keys": "8.32.1",
         "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.0.1"
+        "ts-api-utils": "^2.1.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5338,12 +5330,12 @@
       }
     },
     "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.31.0",
+      "version": "8.32.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.32.1.tgz",
-      "integrity": "sha512-QcGHmlRHWOl93o64ZUMNewCdwKGU6WItOU52H0djgNmn1EOrhVudrDzXz4OycCRSCPwFCDrE2iIt5vmuUdHxuQ==",
+      "integrity": "sha512-ar0tjQfObzhSaW3C3QNmTc5ofj0hDoNQ5XWrCy6zDyabdr0TWhCkClp+rywGNj/odAFBVzzJrK4tEq5M4Hmu4w==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.31.0",
+        "@typescript-eslint/types": "8.32.1",
         "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
@@ -17352,6 +17344,29 @@
         "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 @6e197be
+++ b/package.json
View file @6e197be
@@ -9,7 +9,7 @@
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare",
-    "lint:js": "eslint --ext \".ts,.vue\" .",
+    "lint:js": "eslint --ext \".ts,.vue\" . --fix",
     "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 @6e197be
+++ b/pages/movies/[id]/index.vue
View file @6e197be
@@ -153,9 +153,16 @@ onMounted(() => {
     <ui-components-skeleton-movie-detail-loader v-if="isLoading" />
     <!-- Contenu du film -->
-    <div v-else-if="movie" class="relative">
+    <div
+      v-else-if="movie"
+      class="relative"
+    >
       <!-- Backdrop image -->
-      <ui-components-backdrop-image v-if="movie.backdrop_path" :src="movie.backdrop_path" :title="movie.title" />
+      <ui-components-backdrop-image
+        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">
@@ -163,37 +170,64 @@ onMounted(() => {
           class="flex items-center text-gray-400 hover:text-white mb-8 transition-colors"
           @click="navigateTo('/')"
         >
-          <ArrowLeftIcon :size="20" class="mr-2" />
+          <ArrowLeftIcon
+            :size="20"
+            class="mr-2"
+          />
           Retour
         </button>
         <div class="flex flex-col md:flex-row gap-8">
           <!-- Poster -->
-          <ui-components-poster v-if="movie.poster_path" :src="movie.poster_path" :title="movie.title" />
+          <ui-components-poster
+            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">{{ movie.title }}</h1>
+            <h1 class="text-3xl md:text-4xl font-bold mb-2">
-            <p v-if="movie.release_date" class="text-gray-400 mb-4">
+              {{ movie.title }}
+            </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 :nb-vote="movie.vote_count" :score="movie.vote_average" />
+            <details-score-and-vote
+              :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">Synopsis</h2>
+              <h2 class="text-xl font-bold mb-2">
-              <p class="text-gray-300">{{ movie.overview || "Aucun synopsis disponible." }}</p>
+                Synopsis
+              </h2>
+              <p class="text-gray-300">
+                {{ movie.overview || "Aucun synopsis disponible." }}
+              </p>
             </div>
             <!-- Réalisateur et têtes d'affiche -->
-            <div v-if="movie.credit" class="mb-6">
+            <div
-              <h2 class="text-xl font-bold mb-2">Équipe</h2>
+              v-if="movie.credit"
-              <div v-if="director" class="mb-2">
+              class="mb-6"
+            >
+              <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">
@@ -208,7 +242,9 @@ onMounted(() => {
               </div>
             </div>
             <!--  Comments form.  -->
-            <h3 class="text-xl font-bold mt-8 mb-4">Ajouter un commentaire</h3>
+            <h3 class="text-xl font-bold mt-8 mb-4">
+              Ajouter un commentaire
+            </h3>
             <form-movie-comment-form @event:submit="handleSubmitEvent" />
             <!-- Liste des commentaires -->
@@ -219,10 +255,20 @@ onMounted(() => {
     </div>
     <!-- Erreur -->
-    <section v-else class="container mx-auto px-4 py-16 text-center">
+    <section
-      <AlertTriangleIcon :size="64" class="mx-auto mb-4 text-red-500" />
+      v-else
-      <h2 class="text-2xl font-bold mb-2">Film non trouvé</h2>
+      class="container mx-auto px-4 py-16 text-center"
-      <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 @6e197be
+++ b/type/commentForm.ts
View file @6e197be
 export type Comment = {
-  username: string
+  username: string;
-  message: string
+  message: string;
-  rating: number
+  rating: number;
-}
+};
--- a/vite.config.ts
View file @6e197be
+++ b/vite.config.ts
View file @6e197be
 // 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 @6e197be
+++ b/vitest.config.m.ts
View file @6e197be
-import { defineVitestConfig } from '@nuxt/test-utils/config'
+import { defineVitestConfig } from "@nuxt/test-utils/config";
-import vue from '@vitejs/plugin-vue'
+import { fileURLToPath } from "node:url";
-import { fileURLToPath } from 'node:url'
 export default defineVitestConfig({
   /**
@@ -8,31 +7,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)),
-    }
+    },
-  }
+  },
-})
+});