Ajout navigation vers le détail.

@@ -70,6 +70,7 @@ onMounted(() => {
         v-for="movie in movies"
         v-for="movie in movies"
         :key="movie.id"
         :key="movie.id"
         class="bg-gray-800 rounded-lg overflow-hidden shadow-lg transition-transform duration-300 hover:scale-105 cursor-pointer"
         class="bg-gray-800 rounded-lg overflow-hidden shadow-lg transition-transform duration-300 hover:scale-105 cursor-pointer"
+        @click="navigateTo(`/movies/${movie.id}`)"
       >
       >
         <div class="relative pb-[150%]">
         <div class="relative pb-[150%]">
           <img
           <img

@@ -49,4 +49,4 @@ const searchQuery = ref("");
   </section>
   </section>
 </template>
 </template>
 
 
-<style scoped></style>
+<style scoped></style>