style: 🎨 Format code with Biome

app/components/ui/form/FormControl.vue

@@ -6,12 +6,12 @@ const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
 </script>
 
 <template>
-  <Slot
-    :id="formItemId"
-    data-slot="form-control"
-    :aria-describedby="!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`"
-    :aria-invalid="!!error"
-  >
-    <slot />
-  </Slot>
+    <Slot
+        :id="formItemId"
+        data-slot="form-control"
+        :aria-describedby="!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`"
+        :aria-invalid="!!error"
+    >
+        <slot/>
+    </Slot>
 </template>

app/components/ui/form/FormDescription.vue

@@ -11,11 +11,11 @@ const { formDescriptionId } = useFormField();
 </script>
 
 <template>
-  <p
-    :id="formDescriptionId"
-    data-slot="form-description"
-    :class="cn('text-muted-foreground text-sm', props.class)"
-  >
-    <slot />
-  </p>
+    <p
+        :id="formDescriptionId"
+        data-slot="form-description"
+        :class="cn('text-muted-foreground text-sm', props.class)"
+    >
+        <slot/>
+    </p>
 </template>

app/components/ui/form/FormItem.vue

@@ -13,10 +13,7 @@ provide(FORM_ITEM_INJECTION_KEY, id);
 </script>
 
 <template>
-  <div
-    data-slot="form-item"
-    :class="cn('grid gap-2', props.class)"
-  >
-    <slot />
-  </div>
+    <div data-slot="form-item" :class="cn('grid gap-2', props.class)">
+        <slot/>
+    </div>
 </template>

app/components/ui/form/FormLabel.vue

@@ -11,15 +11,15 @@ const { error, formItemId } = useFormField();
 </script>
 
 <template>
-  <Label
-    data-slot="form-label"
-    :data-error="!!error"
-    :class="cn(
+    <Label
+        data-slot="form-label"
+        :data-error="!!error"
+        :class="cn(
       'data-[error=true]:text-destructive-foreground',
       props.class,
     )"
-    :for="formItemId"
-  >
-    <slot />
-  </Label>
+        :for="formItemId"
+    >
+        <slot/>
+    </Label>
 </template>

app/components/ui/form/FormMessage.vue

@@ -12,11 +12,11 @@ const { name, formMessageId } = useFormField();
 </script>
 
 <template>
-  <ErrorMessage
-    :id="formMessageId"
-    data-slot="form-message"
-    as="p"
-    :name="toValue(name)"
-    :class="cn('text-destructive-foreground text-sm', props.class)"
-  />
+    <ErrorMessage
+        :id="formMessageId"
+        data-slot="form-message"
+        as="p"
+        :name="toValue(name)"
+        :class="cn('text-destructive-foreground text-sm', props.class)"
+    />
 </template>