style: 🎨 Format code with Biome

app/components/ui/input-group/InputGroup.vue

@@ -8,10 +8,10 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div
-    data-slot="input-group"
-    role="group"
-    :class="cn(
+    <div
+        data-slot="input-group"
+        role="group"
+        :class="cn(
       'group/input-group border-input bg-background relative flex w-full items-center rounded-md border outline-none',
       'h-9 min-w-0 has-[>textarea]:h-auto',
 
@@ -26,7 +26,7 @@ const props = defineProps<{
 
       props.class,
     )"
-  >
-    <slot />
-  </div>
+    >
+        <slot/>
+    </div>
 </template>

app/components/ui/input-group/InputGroupAddon.vue

@@ -27,13 +27,13 @@ function handleInputGroupAddonClick(e: MouseEvent) {
 </script>
 
 <template>
-  <div
-    role="group"
-    data-slot="input-group-addon"
-    :data-align="props.align"
-    :class="cn(inputGroupAddonVariants({ align: props.align }), props.class)"
-    @click="handleInputGroupAddonClick"
-  >
-    <slot />
-  </div>
+    <div
+        role="group"
+        data-slot="input-group-addon"
+        :data-align="props.align"
+        :class="cn(inputGroupAddonVariants({ align: props.align }), props.class)"
+        @click="handleInputGroupAddonClick"
+    >
+        <slot/>
+    </div>
 </template>

app/components/ui/input-group/InputGroupButton.vue

@@ -11,11 +11,11 @@ const props = withDefaults(defineProps<InputGroupButtonProps>(), {
 </script>
 
 <template>
-  <Button
-    :data-size="props.size"
-    :variant="props.variant"
-    :class="cn(inputGroupButtonVariants({ size: props.size }), props.class)"
-  >
-    <slot />
-  </Button>
+    <Button
+        :data-size="props.size"
+        :variant="props.variant"
+        :class="cn(inputGroupButtonVariants({ size: props.size }), props.class)"
+    >
+        <slot/>
+    </Button>
 </template>

app/components/ui/input-group/InputGroupInput.vue

@@ -9,11 +9,11 @@ const props = defineProps<{
 </script>
 
 <template>
-  <Input
-    data-slot="input-group-control"
-    :class="cn(
+    <Input
+        data-slot="input-group-control"
+        :class="cn(
       'flex-1 rounded-none border-0 bg-transparent focus-visible:ring-0 focus-visible:ring-transparent ring-offset-transparent dark:bg-transparent',
       props.class,
     )"
-  />
+    />
 </template>

app/components/ui/input-group/InputGroupText.vue

@@ -8,12 +8,12 @@ const props = defineProps<{
 </script>
 
 <template>
-  <span
-    :class="cn(
+    <span
+        :class="cn(
       'text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*=\'size-\'])]:size-4',
       props.class,
     )"
-  >
-    <slot />
-  </span>
+    >
+        <slot/>
+    </span>
 </template>

app/components/ui/input-group/InputGroupTextarea.vue

@@ -9,11 +9,11 @@ const props = defineProps<{
 </script>
 
 <template>
-  <Textarea
-    data-slot="input-group-control"
-    :class="cn(
+    <Textarea
+        data-slot="input-group-control"
+        :class="cn(
       'flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 focus-visible:ring-transparent ring-offset-transparent dark:bg-transparent',
       props.class,
     )"
-  />
+    />
 </template>