style: 🎨 Format code with Biome

app/components/ui/drawer/Drawer.vue

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

app/components/ui/drawer/DrawerClose.vue

@@ -6,10 +6,7 @@ const props = defineProps<DrawerCloseProps>();
 </script>
 
 <template>
-  <DrawerClose
-    data-slot="drawer-close"
-    v-bind="props"
-  >
-    <slot />
-  </DrawerClose>
+    <DrawerClose data-slot="drawer-close" v-bind="props">
+        <slot/>
+    </DrawerClose>
 </template>

app/components/ui/drawer/DrawerContent.vue

@@ -15,12 +15,12 @@ const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>
-  <DrawerPortal>
-    <DrawerOverlay />
-    <DrawerContent
-      data-slot="drawer-content"
-      v-bind="forwarded"
-      :class="cn(
+    <DrawerPortal>
+        <DrawerOverlay/>
+        <DrawerContent
+            data-slot="drawer-content"
+            v-bind="forwarded"
+            :class="cn(
         `group/drawer-content bg-background fixed z-50 flex h-auto flex-col`,
         `data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg`,
         `data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg`,
@@ -28,9 +28,11 @@ const forwarded = useForwardPropsEmits(props, emits);
         `data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:sm:max-w-sm`,
         props.class,
       )"
-    >
-      <div class="bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" />
-      <slot />
-    </DrawerContent>
-  </DrawerPortal>
+        >
+            <div
+                class="bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block"
+            />
+            <slot/>
+        </DrawerContent>
+    </DrawerPortal>
 </template>

app/components/ui/drawer/DrawerDescription.vue

@@ -16,11 +16,11 @@ const delegatedProps = computed(() => {
 </script>
 
 <template>
-  <DrawerDescription
-    data-slot="drawer-description"
-    v-bind="delegatedProps"
-    :class="cn('text-muted-foreground text-sm', props.class)"
-  >
-    <slot />
-  </DrawerDescription>
+    <DrawerDescription
+        data-slot="drawer-description"
+        v-bind="delegatedProps"
+        :class="cn('text-muted-foreground text-sm', props.class)"
+    >
+        <slot/>
+    </DrawerDescription>
 </template>

app/components/ui/drawer/DrawerFooter.vue

@@ -8,10 +8,10 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div
-    data-slot="drawer-footer"
-    :class="cn('mt-auto flex flex-col gap-2 p-4', props.class)"
-  >
-    <slot />
-  </div>
+    <div
+        data-slot="drawer-footer"
+        :class="cn('mt-auto flex flex-col gap-2 p-4', props.class)"
+    >
+        <slot/>
+    </div>
 </template>

app/components/ui/drawer/DrawerHeader.vue

@@ -8,10 +8,10 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div
-    data-slot="drawer-header"
-    :class="cn('flex flex-col gap-1.5 p-4', props.class)"
-  >
-    <slot />
-  </div>
+    <div
+        data-slot="drawer-header"
+        :class="cn('flex flex-col gap-1.5 p-4', props.class)"
+    >
+        <slot/>
+    </div>
 </template>

app/components/ui/drawer/DrawerOverlay.vue

@@ -16,9 +16,9 @@ const delegatedProps = computed(() => {
 </script>
 
 <template>
-  <DrawerOverlay
-    data-slot="drawer-overlay"
-    v-bind="delegatedProps"
-    :class="cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', props.class)"
-  />
+    <DrawerOverlay
+        data-slot="drawer-overlay"
+        v-bind="delegatedProps"
+        :class="cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', props.class)"
+    />
 </template>

app/components/ui/drawer/DrawerTitle.vue

@@ -16,11 +16,11 @@ const delegatedProps = computed(() => {
 </script>
 
 <template>
-  <DrawerTitle
-    data-slot="drawer-title"
-    v-bind="delegatedProps"
-    :class="cn('text-foreground font-semibold', props.class)"
-  >
-    <slot />
-  </DrawerTitle>
+    <DrawerTitle
+        data-slot="drawer-title"
+        v-bind="delegatedProps"
+        :class="cn('text-foreground font-semibold', props.class)"
+    >
+        <slot/>
+    </DrawerTitle>
 </template>

app/components/ui/drawer/DrawerTrigger.vue

@@ -6,10 +6,7 @@ const props = defineProps<DrawerTriggerProps>();
 </script>
 
 <template>
-  <DrawerTrigger
-    data-slot="drawer-trigger"
-    v-bind="props"
-  >
-    <slot />
-  </DrawerTrigger>
+    <DrawerTrigger data-slot="drawer-trigger" v-bind="props">
+        <slot/>
+    </DrawerTrigger>
 </template>