chore: update frontend configuration

app/pages/machines/index.vue

@@ -2,7 +2,9 @@
   <main class="container mx-auto px-6 py-8">
     <div class="my-8">
       <div class="flex justify-between items-center mb-6">
-        <h2 class="text-2xl font-bold">Parc Machines</h2>
+        <h2 class="text-2xl font-bold">
+          Parc Machines
+        </h2>
         <NuxtLink to="/machines/new" class="btn btn-primary">
           <IconLucidePlus class="w-5 h-5 mr-2" aria-hidden="true" />
           Ajouter une machine
@@ -17,7 +19,9 @@
                 <span class="label-text">Site</span>
               </label>
               <select v-model="selectedSite" class="select select-bordered">
-                <option value="">Tous les sites</option>
+                <option value="">
+                  Tous les sites
+                </option>
                 <option v-for="site in sites" :key="site.id" :value="site.id">
                   {{ site.name }}
                 </option>
@@ -28,7 +32,9 @@
                 <span class="label-text">Type de machine</span>
               </label>
               <select v-model="selectedType" class="select select-bordered">
-                <option value="">Tous les types</option>
+                <option value="">
+                  Tous les types
+                </option>
                 <option v-for="type in machineTypes" :key="type.id" :value="type.id">
                   {{ type.name }}
                 </option>
@@ -39,7 +45,9 @@
                 <span class="label-text">Catégorie</span>
               </label>
               <select v-model="selectedCategory" class="select select-bordered">
-                <option value="">Toutes les catégories</option>
+                <option value="">
+                  Toutes les catégories
+                </option>
                 <option v-for="category in categories" :key="category" :value="category">
                   {{ category }}
                 </option>
@@ -50,14 +58,18 @@
       </div>
 
       <div v-if="loading" class="flex justify-center items-center py-12">
-        <span class="loading loading-spinner loading-lg"></span>
+        <span class="loading loading-spinner loading-lg" />
       </div>
 
       <div v-else-if="filteredMachines.length === 0" class="text-center py-12">
         <div class="max-w-md mx-auto">
           <IconLucideFactory class="w-16 h-16 mx-auto text-gray-400 mb-4" aria-hidden="true" />
-          <h3 class="text-lg font-medium text-gray-900 mb-2">Aucune machine trouvée</h3>
-          <p class="text-gray-500 mb-4">Commencez par ajouter votre première machine.</p>
+          <h3 class="text-lg font-medium text-gray-900 mb-2">
+            Aucune machine trouvée
+          </h3>
+          <p class="text-gray-500 mb-4">
+            Commencez par ajouter votre première machine.
+          </p>
           <NuxtLink to="/machines/new" class="btn btn-primary">
             Ajouter une machine
           </NuxtLink>
@@ -73,11 +85,17 @@
         >
           <div class="card-body">
             <div class="flex items-center justify-between mb-2">
-              <h3 class="card-title text-lg">{{ machine.name }}</h3>
-              <div class="badge badge-primary badge-sm">{{ machine.typeMachine?.category || 'N/A' }}</div>
+              <h3 class="card-title text-lg">
+                {{ machine.name }}
+              </h3>
+              <div class="badge badge-primary badge-sm">
+                {{ machine.typeMachine?.category || 'N/A' }}
+              </div>
             </div>
 
-            <p class="text-sm text-gray-600 mb-3">{{ machine.description || machine.typeMachine?.description }}</p>
+            <p class="text-sm text-gray-600 mb-3">
+              {{ machine.description || machine.typeMachine?.description }}
+            </p>
 
             <div class="space-y-2 text-sm">
               <div class="flex items-center gap-2">
@@ -94,7 +112,6 @@
                 <IconLucideTag class="w-4 h-4 text-orange-500" aria-hidden="true" />
                 <span class="text-gray-600">{{ machine.reference }}</span>
               </div>
-
             </div>
 
             <div class="card-actions justify-end mt-4">
@@ -150,15 +167,15 @@ const filteredMachines = computed(() => {
   let filtered = machines.value
 
   if (selectedSite.value) {
-    filtered = filtered.filter((machine) => machine.siteId === selectedSite.value)
+    filtered = filtered.filter(machine => machine.siteId === selectedSite.value)
   }
 
   if (selectedType.value) {
-    filtered = filtered.filter((machine) => machine.typeMachineId === selectedType.value)
+    filtered = filtered.filter(machine => machine.typeMachineId === selectedType.value)
   }
 
   if (selectedCategory.value) {
-    filtered = filtered.filter((machine) => machine.typeMachine?.category === selectedCategory.value)
+    filtered = filtered.filter(machine => machine.typeMachine?.category === selectedCategory.value)
   }
 
   return filtered
@@ -193,7 +210,7 @@ onMounted(async () => {
   await Promise.all([
     loadMachines(),
     loadSites(),
-    loadMachineTypes(),
+    loadMachineTypes()
   ])
 })
 </script>