Ajout interface/response/TMDB.

Factorisation du composable tMDB afin de remplacer les appels fetch natif par useFetch.

 0.5.0:
 0.5.0:
 - Mise en place du plugin oFetch pour personnaliser la gestion des requêtes.
 - Mise en place du plugin oFetch pour personnaliser la gestion des requêtes.
+- Ajout interface/response/TMDB.
+- Factorisation du composable tMDB afin de remplacer les appels fetch natif par useFetch.
 
 
 0.4.0:
 0.4.0:
 - Modification de la config eslint avec la suppression de tout ce qui concerne prettier, suppression du module @nuxt/eslint, contenant le module eslint/recommanded, et remplacement par le module @antfu/eslint-config, plus complet et simple.
 - Modification de la config eslint avec la suppression de tout ce qui concerne prettier, suppression du module @nuxt/eslint, contenant le module eslint/recommanded, et remplacement par le module @antfu/eslint-config, plus complet et simple.

-import type { RuntimeConfig } from "nuxt/schema";
+import type { MovieInterface } from "~/interfaces/movie";
+import type { TMDBCollectionResponse } from "~/interfaces/response/TMDB";
 
 
 export function useTMDB() {
 export function useTMDB() {
-  const runtimeconfig: RuntimeConfig = useRuntimeConfig();
-  const apiUrl = runtimeconfig.public.apiTMDBUrl;
-  const apiKey = runtimeconfig.public.apiTMDBSecret;
+  const paramsBase = {
+    language: "fr-FR",
+  };
 
 
   /**
   /**
    * Fetch popular movies.
    * Fetch popular movies.
    * @param page
    * @param page
    */
    */
   const fetchPopularMovies = async (page: number) => {
   const fetchPopularMovies = async (page: number) => {
-    try {
-      const response = await fetch(`${apiUrl}/movie/popular?api_key=${apiKey}&language=fr-FR&page=${page}`);
-      if (!response.ok) throw new Error("An error occurred when fetching popular movies");
-      return await response.json();
-    }
-    catch (error) {
-      throw new Error(`Error fetching popular movies: ${error}`);
-    }
+    const { data, status, error, execute } = await useFetch(`/movie/popular`, {
+      params: { ...paramsBase, page },
+    });
+    if (unref(status) === "idle") await execute();
+    if (unref(status) === "error" && unref(error)) throw new Error(`Error fetching popular movies: ${error}`);
+    return unref(data) as TMDBCollectionResponse;
   };
   };
 
 
   /**
   /**
@@ -26,16 +25,12 @@ export function useTMDB() {
    * @param page
    * @param page
    */
    */
   const searchMovies = async (query: string, page: number) => {
   const searchMovies = async (query: string, page: number) => {
-    try {
-      const response = await fetch(
-        `${apiUrl}/search/movie?api_key=${apiKey}&language=fr-FR&query=${encodeURIComponent(query)}&page=${page}`,
-      );
-      if (!response.ok) throw new Error("An error occurred when searching movies");
-      return await response.json();
-    }
-    catch (error) {
-      throw new Error(`Error searching movies: ${error}`);
-    }
+    const { data, status, error, execute } = await useFetch(`/search/movie`, {
+      params: { ...paramsBase, page, query: encodeURIComponent(query) },
+    });
+    if (unref(status) === "idle") await execute();
+    if (unref(status) === "error" && unref(error)) throw new Error(`Error searching movies: ${error}`);
+    return unref(data) as TMDBCollectionResponse;
   };
   };
 
 
   /**
   /**
@@ -43,28 +38,24 @@ export function useTMDB() {
    * @param id
    * @param id
    */
    */
   const fetchMovieDetails = async (id: number | string) => {
   const fetchMovieDetails = async (id: number | string) => {
-    try {
-      const response = await fetch(`${apiUrl}/movie/${id}?api_key=${apiKey}&language=fr-FR`);
-      if (!response.ok) throw new Error("An error occurred when fetching movie details");
-      return await response.json();
-    }
-    catch (error) {
-      throw new Error(`Error fetching details: ${error}`);
-    }
+    const { data, status, error, execute } = await useFetch(`/movie/${id}`, {
+      params: { ...paramsBase },
+    });
+    if (unref(status) === "idle") await execute();
+    if (unref(status) === "error" && unref(error)) throw new Error(`An error occurred when fetching movie details: ${error}`);
+    return unref(data) as MovieInterface;
   };
   };
 
 
   /**
   /**
    * Fetch movie credits
    * Fetch movie credits
    */
    */
   const fetchMovieCredits = async (id: number | string) => {
   const fetchMovieCredits = async (id: number | string) => {
-    try {
-      const response = await fetch(`${apiUrl}/movie/${id}/credits?api_key=${apiKey}&language=fr-FR`);
-      if (!response.ok) throw new Error("An error occurred when fetching movie credits");
-      return await response.json();
-    }
-    catch (error) {
-      throw new Error(`Error fetching movie credits: ${error}`);
-    }
+    const { data, status, error, execute } = await useFetch(`/movie/${id}/credits`, {
+      params: { ...paramsBase },
+    });
+    if (unref(status) === "idle") await execute();
+    if (unref(status) === "error" && unref(error)) throw new Error(`Error fetching movie credits: ${error}`);
+    return unref(data);
   };
   };
 
 
   return { fetchPopularMovies, searchMovies, fetchMovieDetails, fetchMovieCredits };
   return { fetchPopularMovies, searchMovies, fetchMovieDetails, fetchMovieCredits };

+export interface TMDBCollectionResponse {
+  page: number;
+  results: Array<unknown>;
+  total_pages: number;
+  total_results: number;
+}

 {
 {
   "name": "nuxt-app",
   "name": "nuxt-app",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "lockfileVersion": 3,
   "lockfileVersion": 3,
   "requires": true,
   "requires": true,
   "packages": {
   "packages": {
     "": {
     "": {
       "name": "nuxt-app",
       "name": "nuxt-app",
-      "version": "0.4.0",
+      "version": "0.5.0",
       "hasInstallScript": true,
       "hasInstallScript": true,
       "dependencies": {
       "dependencies": {
         "@nuxt/icon": "^1.12.0",
         "@nuxt/icon": "^1.12.0",