style: 🎨 Format code with Biome

app/components/ui/select/Select.vue

@@ -9,10 +9,7 @@ const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>
-  <SelectRoot
-    data-slot="select"
-    v-bind="forwarded"
-  >
-    <slot />
-  </SelectRoot>
+    <SelectRoot data-slot="select" v-bind="forwarded">
+        <slot/>
+    </SelectRoot>
 </template>

app/components/ui/select/SelectContent.vue

@@ -33,23 +33,25 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <SelectPortal>
-    <SelectContent
-      data-slot="select-content"
-      v-bind="{ ...forwarded, ...$attrs }"
-      :class="cn(
+    <SelectPortal>
+        <SelectContent
+            data-slot="select-content"
+            v-bind="{ ...forwarded, ...$attrs }"
+            :class="cn(
         'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border shadow-md',
         position === 'popper'
           && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
         props.class,
       )
       "
-    >
-      <SelectScrollUpButton />
-      <SelectViewport :class="cn('p-1', position === 'popper' && 'h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1')">
-        <slot />
-      </SelectViewport>
-      <SelectScrollDownButton />
-    </SelectContent>
-  </SelectPortal>
+        >
+            <SelectScrollUpButton/>
+            <SelectViewport
+                :class="cn('p-1', position === 'popper' && 'h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1')"
+            >
+                <slot/>
+            </SelectViewport>
+            <SelectScrollDownButton/>
+        </SelectContent>
+    </SelectPortal>
 </template>

app/components/ui/select/SelectGroup.vue

@@ -5,10 +5,7 @@ const props = defineProps<SelectGroupProps>();
 </script>
 
 <template>
-  <SelectGroup
-    data-slot="select-group"
-    v-bind="props"
-  >
-    <slot />
-  </SelectGroup>
+    <SelectGroup data-slot="select-group" v-bind="props">
+        <slot/>
+    </SelectGroup>
 </template>

app/components/ui/select/SelectItem.vue

@@ -24,24 +24,26 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <SelectItem
-    data-slot="select-item"
-    v-bind="forwardedProps"
-    :class="
+    <SelectItem
+        data-slot="select-item"
+        v-bind="forwardedProps"
+        :class="
       cn(
         `focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2`,
         props.class,
       )
     "
-  >
-    <span class="absolute right-2 flex size-3.5 items-center justify-center">
-      <SelectItemIndicator>
-        <Check class="size-4" />
-      </SelectItemIndicator>
-    </span>
+    >
+        <span
+            class="absolute right-2 flex size-3.5 items-center justify-center"
+        >
+            <SelectItemIndicator>
+                <Check class="size-4"/>
+            </SelectItemIndicator>
+        </span>
 
-    <SelectItemText>
-      <slot />
-    </SelectItemText>
-  </SelectItem>
+        <SelectItemText>
+            <slot/>
+        </SelectItemText>
+    </SelectItem>
 </template>

app/components/ui/select/SelectItemText.vue

@@ -5,10 +5,7 @@ const props = defineProps<SelectItemTextProps>();
 </script>
 
 <template>
-  <SelectItemText
-    data-slot="select-item-text"
-    v-bind="props"
-  >
-    <slot />
-  </SelectItemText>
+    <SelectItemText data-slot="select-item-text" v-bind="props">
+        <slot/>
+    </SelectItemText>
 </template>

app/components/ui/select/SelectLabel.vue

@@ -9,10 +9,10 @@ const props = defineProps<
 </script>
 
 <template>
-  <SelectLabel
-    data-slot="select-label"
-    :class="cn('px-2 py-1.5 text-sm font-medium', props.class)"
-  >
-    <slot />
-  </SelectLabel>
+    <SelectLabel
+        data-slot="select-label"
+        :class="cn('px-2 py-1.5 text-sm font-medium', props.class)"
+    >
+        <slot/>
+    </SelectLabel>
 </template>

app/components/ui/select/SelectScrollDownButton.vue

@@ -22,13 +22,13 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <SelectScrollDownButton
-    data-slot="select-scroll-down-button"
-    v-bind="forwardedProps"
-    :class="cn('flex cursor-default items-center justify-center py-1', props.class)"
-  >
-    <slot>
-      <ChevronDown class="size-4" />
-    </slot>
-  </SelectScrollDownButton>
+    <SelectScrollDownButton
+        data-slot="select-scroll-down-button"
+        v-bind="forwardedProps"
+        :class="cn('flex cursor-default items-center justify-center py-1', props.class)"
+    >
+        <slot>
+            <ChevronDown class="size-4"/>
+        </slot>
+    </SelectScrollDownButton>
 </template>

app/components/ui/select/SelectScrollUpButton.vue

@@ -22,13 +22,13 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <SelectScrollUpButton
-    data-slot="select-scroll-up-button"
-    v-bind="forwardedProps"
-    :class="cn('flex cursor-default items-center justify-center py-1', props.class)"
-  >
-    <slot>
-      <ChevronUp class="size-4" />
-    </slot>
-  </SelectScrollUpButton>
+    <SelectScrollUpButton
+        data-slot="select-scroll-up-button"
+        v-bind="forwardedProps"
+        :class="cn('flex cursor-default items-center justify-center py-1', props.class)"
+    >
+        <slot>
+            <ChevronUp class="size-4"/>
+        </slot>
+    </SelectScrollUpButton>
 </template>

app/components/ui/select/SelectSeparator.vue

@@ -15,9 +15,9 @@ const delegatedProps = computed(() => {
 </script>
 
 <template>
-  <SelectSeparator
-    data-slot="select-separator"
-    v-bind="delegatedProps"
-    :class="cn('bg-border pointer-events-none -mx-1 my-1 h-px', props.class)"
-  />
+    <SelectSeparator
+        data-slot="select-separator"
+        v-bind="delegatedProps"
+        :class="cn('bg-border pointer-events-none -mx-1 my-1 h-px', props.class)"
+    />
 </template>

app/components/ui/select/SelectTrigger.vue

@@ -27,18 +27,18 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <SelectTrigger
-    data-slot="select-trigger"
-    :data-size="size"
-    v-bind="forwardedProps"
-    :class="cn(
+    <SelectTrigger
+        data-slot="select-trigger"
+        :data-size="size"
+        v-bind="forwardedProps"
+        :class="cn(
       !disableDefaultClasses && `border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
       props.class,
     )"
-  >
-    <slot />
-    <SelectIcon as-child v-if="!props.disableSelectIcon">
-      <ChevronDown class="size-4 opacity-50" />
-    </SelectIcon>
-  </SelectTrigger>
+    >
+        <slot/>
+        <SelectIcon as-child v-if="!props.disableSelectIcon">
+            <ChevronDown class="size-4 opacity-50"/>
+        </SelectIcon>
+    </SelectTrigger>
 </template>

app/components/ui/select/SelectValue.vue

@@ -5,10 +5,7 @@ const props = defineProps<SelectValueProps>();
 </script>
 
 <template>
-  <SelectValue
-    data-slot="select-value"
-    v-bind="props"
-  >
-    <slot />
-  </SelectValue>
+    <SelectValue data-slot="select-value" v-bind="props">
+        <slot/>
+    </SelectValue>
 </template>