Merge branch 'hotfix/0.5.3'

+0.5.3:
+- Correctif pour uniformisation du casing des template.
+
 0.5.2:
 - Correctif erreur nommage composant.
 - Changement de nom plus explicite pour interface.

@@ -2,7 +2,7 @@
 import type { MovieInterface } from "~/interfaces/movie";
 // #region --Props--.
 import { useDateFormat } from "@vueuse/core";
-import { FilmIcon } from "lucide-vue-next";
+import { FilmIcon as film } from "lucide-vue-next";
 // #endregion
 
 // #region --Props--.
@@ -29,7 +29,7 @@ defineProps<{
         v-else
         class="absolute inset-0 w-full h-full bg-gray-700 flex items-center justify-center"
       >
-        <FilmIcon
+        <film
           :size="48"
           class="text-gray-500"
         />

 <script lang="ts" setup>
 // #region --Import--.
 import type { MovieCommentInterface } from "~/interfaces/movieComment";
-import { MessageSquareIcon } from "lucide-vue-next";
+import { MessageSquareIcon as message } from "lucide-vue-next";
 // #endregion
 
 // #region --Props--.
@@ -68,7 +68,7 @@ watch(
       v-else
       class="text-center py-8 bg-gray-800 rounded-lg mt-10"
     >
-      <MessageSquareIcon
+      <message
         :size="48"
         class="mx-auto mb-3 text-gray-600"
       />

 <script lang="ts" setup>
 import type { MovieInterface } from "~/interfaces/movie";
-import { SearchXIcon } from "lucide-vue-next";
+import { SearchXIcon as searchx } from "lucide-vue-next";
 // #region --import--.
 import { onBeforeUnmount, ref } from "vue";
 import { useTMDB } from "~/composables/tMDB";
@@ -164,7 +164,7 @@ onBeforeUnmount(() => {
       v-else-if="searchQuery && !movies.length"
       class="text-center py-12"
     >
-      <SearchXIcon
+      <searchx
         :size="64"
         class="mx-auto mb-4 text-gray-600"
       />

@@ -23,7 +23,7 @@ const emit = defineEmits<{
 const initialState: Comment = {
   username: "",
   message: "",
-  rating: 5,
+  rating: "5",
 };
 
 // Validation rules
@@ -85,7 +85,7 @@ function handleMessageEvent(event: string) {
 
 <template>
   <section>
-    <VForm>
+    <v-form>
       <v-text-field
         v-model="formData.username"
         :error-messages="v$.username.$errors.map((e) => e.$message) as readonly string[]"
@@ -137,7 +137,7 @@ function handleMessageEvent(event: string) {
       >
         effacer
       </v-btn>
-    </VForm>
+    </v-form>
   </section>
 </template>
 

 <script setup lang="ts">
 // #region --Props--.
-import { FilmIcon } from "lucide-vue-next";
+import { FilmIcon as film } from "lucide-vue-next";
 
 defineProps<{
   src: string;
@@ -22,7 +22,7 @@ defineProps<{
         v-else
         class="aspect-[2/3] bg-gray-700 flex items-center justify-center"
       >
-        <FilmIcon
+        <film
           :size="64"
           class="text-gray-500"
         />

 <script lang="ts" setup>
 import { useDebounceFn } from "@vueuse/core";
 // #region --import--.
-import { SearchIcon, XIcon } from "lucide-vue-next";
+import { SearchIcon as search, XIcon as xicon } from "lucide-vue-next";
 import { ref } from "vue";
 // #endregion
 
@@ -55,13 +55,13 @@ function handleClearSearchEvent() {
         class="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-white"
         @click="handleClearSearchEvent"
       >
-        <XIcon :size="20" />
+        <xicon :size="20" />
       </button>
       <button
         v-else
         class="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400"
       >
-        <SearchIcon :size="20" />
+        <search :size="20" />
       </button>
     </div>
   </section>

 <script lang="ts" setup>
 // #region --Import--.
-import Editor from "@tinymce/tinymce-vue";
+import editor from "@tinymce/tinymce-vue";
 import { ref, watch } from "vue";
 // #endregion
 
@@ -77,7 +77,7 @@ watch(
 
 <template>
   <div>
-    <Editor
+    <editor
       v-model="content"
       :api-key="runtimeConfig.public.apiTinyMceSecret"
       :init="init"

 {
   "name": "nuxt-app",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {

 {
   "name": "nuxt-app",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "private": true,
   "type": "module",
   "scripts": {

@@ -4,7 +4,7 @@ import type { CreditsResponse } from "~/interfaces/credit";
 import type { MovieInterface } from "~/interfaces/movie";
 import type { MovieCommentInterface } from "~/interfaces/movieComment";
 // #region --import--.
-import { AlertTriangleIcon, ArrowLeftIcon } from "lucide-vue-next";
+import { AlertTriangleIcon as triangle, ArrowLeftIcon as arrowleft } from "lucide-vue-next";
 import { computed, onMounted, ref } from "vue";
 import { useTMDB } from "~/composables/tMDB";
 import { Credit } from "~/models/credit";
@@ -159,7 +159,7 @@ onMounted(() => {
           class="flex items-center text-gray-400 hover:text-white mb-8 transition-colors"
           @click="navigateTo('/')"
         >
-          <ArrowLeftIcon
+          <arrowleft
             :size="20"
             class="mr-2"
           />
@@ -248,7 +248,7 @@ onMounted(() => {
       v-else
       class="container mx-auto px-4 py-16 text-center"
     >
-      <AlertTriangleIcon
+      <triangle
         :size="64"
         class="mx-auto mb-4 text-red-500"
       />

 export interface Comment {
   username: string;
   message: string;
-  rating: number;
+  rating: string;
 }