Ajout attribut createdAt dans le model movieComment + id par défaut en uid().

Gestion de l'evévènement provenant du formulaire de commentaires avec l'ajout de la méthode handleSubmitEvent() dans la page des détails.

 ------ Dispo à la prochaine release ------------
 ------ Dispo à la prochaine release ------------
-- Ajout composant SkeletonMovieDetailLoader.
+- Installation vuelidate et vuelidate/validator.
+- Ajout composant SkeletonMovieDetailLoader.
+- Ajout Model + Interface credit.
+- Ajout composant ScoreAndVote.
+- Ajout composant MovieGender.
+- Ajout composant Poster.
+- Ajout composant BackdropImage.
+- Ajout composant MovieCommentForm.
+- Ajout model + interface MovieComment.

@@ -21,7 +21,8 @@ export class MovieComment extends Model {
   static fields() {
   static fields() {
     return {
     return {
       // Attributs.
       // Attributs.
-      id: this.number(null),
+      id: this.uid(),
+      createdAt: this.string(''),
       username: this.string(''),
       username: this.string(''),
       message: this.string(''),
       message: this.string(''),
       rating: this.string(''),
       rating: this.string(''),

@@ -7,7 +7,8 @@ import { Movie } from "~/models/movie";
 import type { MovieInterface } from "~/interfaces/movie";
 import type { MovieInterface } from "~/interfaces/movie";
 import { Credit } from "~/models/credit";
 import { Credit } from "~/models/credit";
 import type { CreditsResponse } from "~/interfaces/credit";
 import type { CreditsResponse } from "~/interfaces/credit";
-import type { Comment } from "~/type/commentForm";
+import type { MovieCommentInterface } from "~/interfaces/movieComment";
+import { MovieComment } from "~/models/movieComment";
 //#endregion
 //#endregion
 
 
 //#region --Declaration--.
 //#region --Declaration--.
@@ -104,9 +105,12 @@ async function fetchCredits(id: number | string) {
   }
   }
 }
 }
 
 
-function handleSubmitEvent(event: Comment) {
-  //todo : faire la gestion des commentaire avec un nouveau model + liaison.
-  console.log('submitted', event)
+//Ce n'est pas le film du siècle cependant, il est suffisamment intéressant pour passer une bonne soirée !
+function handleSubmitEvent(event: MovieCommentInterface) {
+  isSubmitting.value = true;
+  event.movie_id = unref(movieId);
+  useRepo(MovieComment).save(event);
+  isSubmitting.value = false;
 }
 }
 
 
 //#endregion
 //#endregion
@@ -183,7 +187,7 @@ onMounted(() => {
                 }}
                 }}
               </div>
               </div>
             </div>
             </div>
-          <!--  Comments form.  -->
+            <!--  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" />
             <form-movie-comment-form @event:submit="handleSubmitEvent" />
           </section>
           </section>