Init branche, formattage prettier.

@@ -26,7 +26,8 @@ watch(
         });
         });
       }
       }
     });
     });
-  }, { immediate: true }
+  },
+  { immediate: true },
 );
 );
 //#endregion
 //#endregion
 </script>
 </script>

@@ -105,7 +105,7 @@ function handleMessageEvent(event: string) {
         @blur="v$.rating.$touch"
         @blur="v$.rating.$touch"
         @input="v$.rating.$touch"
         @input="v$.rating.$touch"
       />
       />
-<!--      <pre>{{ errormessages }}</pre>-->
+      <!--      <pre>{{ errormessages }}</pre>-->
       <ui-components-tiny-mce-field-editor
       <ui-components-tiny-mce-field-editor
         :error-message="v$?.message?.$errors[0]?.$message ? (v$.message.$errors[0].$message as string) : ''"
         :error-message="v$?.message?.$errors[0]?.$message ? (v$.message.$errors[0].$message as string) : ''"
         :model-value="formData.message"
         :model-value="formData.message"

-import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
+import { describe, expect, it } from "vitest";
+import { mount } from "@vue/test-utils";
 
 
-import HelloWorld from './HelloWorld.vue'
+import HelloWorld from "./HelloWorld.vue";
 
 
-describe('HelloWorld', () => {
-  it('component renders Hello world properly', () => {
-    const wrapper = mount(HelloWorld)
-    expect(wrapper.text()).toContain('Hello world')
-  })
-})
+describe("HelloWorld", () => {
+  it("component renders Hello world properly", () => {
+    const wrapper = mount(HelloWorld);
+    expect(wrapper.text()).toContain("Hello world");
+  });
+});

-<script setup lang="ts">
-
-</script>
+<script setup lang="ts"></script>
 
 
 <template>
 <template>
   <p>Hello world</p>
   <p>Hello world</p>
 </template>
 </template>
 
 
-<style scoped lang="scss">
-
-</style>
+<style scoped lang="scss"></style>

@@ -22,4 +22,4 @@ defineProps({
   </section>
   </section>
 </template>
 </template>
 
 
-<style scoped></style>
+<style scoped></style>

@@ -20,12 +20,7 @@ defineProps({
 <template>
 <template>
   <section class="w-full md:w-1/3 lg:w-1/4">
   <section class="w-full md:w-1/3 lg:w-1/4">
     <div class="rounded-lg overflow-hidden shadow-lg bg-gray-800">
     <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 v-if="src" :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">
       <div v-else class="aspect-[2/3] bg-gray-700 flex items-center justify-center">
         <FilmIcon :size="64" class="text-gray-500" />
         <FilmIcon :size="64" class="text-gray-500" />
       </div>
       </div>
@@ -33,6 +28,4 @@ defineProps({
   </section>
   </section>
 </template>
 </template>
 
 
-<style scoped>
-
-</style>
+<style scoped></style>

@@ -6,7 +6,7 @@ import { useDebounceFn } from "@vueuse/core";
 //#endregion
 //#endregion
 
 
 //#region --Emits--.
 //#region --Emits--.
-const emit = defineEmits(['event:search', 'event:clear_search']);
+const emit = defineEmits(["event:search", "event:clear_search"]);
 //#endregion
 //#endregion
 
 
 //#region --Props--.
 //#region --Props--.
@@ -29,12 +29,12 @@ const searchQuery = ref("");
  * Debounced function
  * Debounced function
  */
  */
 const handleSearchEvent = useDebounceFn(() => {
 const handleSearchEvent = useDebounceFn(() => {
-  emit('event:search', searchQuery.value);
+  emit("event:search", searchQuery.value);
 }, 500);
 }, 500);
 
 
 function handleClearSearchEvent() {
 function handleClearSearchEvent() {
-  searchQuery.value = '';
-  emit('event:clear_search')
+  searchQuery.value = "";
+  emit("event:clear_search");
 }
 }
 //#endregion
 //#endregion
 </script>
 </script>

@@ -29,4 +29,4 @@ defineProps({
   </section>
   </section>
 </template>
 </template>
 
 
-<style scoped></style>
+<style scoped></style>

-<script setup lang="ts">
-
-</script>
+<script setup lang="ts"></script>
 
 
 <template>
 <template>
   <v-container class="bg-gray-900">
   <v-container class="bg-gray-900">
-    <v-row 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
         <v-skeleton-loader
           class="mx-auto border bg-gray-800"
           class="mx-auto border bg-gray-800"
@@ -14,7 +12,7 @@
           type="paragraph, image"
           type="paragraph, image"
         />
         />
       </v-col>
       </v-col>
-      <v-col cols="12"  sm="8">
+      <v-col cols="12" sm="8">
         <v-skeleton-loader
         <v-skeleton-loader
           class="mx-auto mt-10"
           class="mx-auto mt-10"
           color="#1f2937"
           color="#1f2937"
@@ -27,6 +25,4 @@
   </v-container>
   </v-container>
 </template>
 </template>
 
 
-<style scoped>
-
-</style>
+<style scoped></style>