style: 🎨 Format code with Biome

app/components/ui/sheet/Sheet.vue

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

app/components/ui/sheet/SheetClose.vue

@@ -5,10 +5,7 @@ const props = defineProps<DialogCloseProps>();
 </script>
 
 <template>
-  <DialogClose
-    data-slot="sheet-close"
-    v-bind="props"
-  >
-    <slot />
-  </DialogClose>
+    <DialogClose data-slot="sheet-close" v-bind="props">
+        <slot/>
+    </DialogClose>
 </template>

app/components/ui/sheet/SheetContent.vue

@@ -33,11 +33,11 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <DialogPortal>
-    <SheetOverlay />
-    <DialogContent
-      data-slot="sheet-content"
-      :class="cn(
+    <DialogPortal>
+        <SheetOverlay/>
+        <DialogContent
+            data-slot="sheet-content"
+            :class="cn(
         'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
         side === 'right'
           && 'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',
@@ -48,16 +48,16 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
         side === 'bottom'
           && 'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',
         props.class)"
-      v-bind="{ ...forwarded, ...$attrs }"
-    >
-      <slot />
+            v-bind="{ ...forwarded, ...$attrs }"
+        >
+            <slot/>
 
-      <DialogClose
-        class="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none"
-      >
-        <X class="size-4" />
-        <span class="sr-only">Close</span>
-      </DialogClose>
-    </DialogContent>
-  </DialogPortal>
+            <DialogClose
+                class="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none"
+            >
+                <X class="size-4"/>
+                <span class="sr-only">Close</span>
+            </DialogClose>
+        </DialogContent>
+    </DialogPortal>
 </template>

app/components/ui/sheet/SheetDescription.vue

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

app/components/ui/sheet/SheetFooter.vue

@@ -6,11 +6,11 @@ const props = defineProps<{ class?: HTMLAttributes["class"] }>();
 </script>
 
 <template>
-  <div
-    data-slot="sheet-footer"
-    :class="cn('mt-auto flex flex-col gap-2 p-4', props.class)
+    <div
+        data-slot="sheet-footer"
+        :class="cn('mt-auto flex flex-col gap-2 p-4', props.class)
     "
-  >
-    <slot />
-  </div>
+    >
+        <slot/>
+    </div>
 </template>

app/components/ui/sheet/SheetHeader.vue

@@ -6,10 +6,10 @@ const props = defineProps<{ class?: HTMLAttributes["class"] }>();
 </script>
 
 <template>
-  <div
-    data-slot="sheet-header"
-    :class="cn('flex flex-col gap-1.5 p-4', props.class)"
-  >
-    <slot />
-  </div>
+    <div
+        data-slot="sheet-header"
+        :class="cn('flex flex-col gap-1.5 p-4', props.class)"
+    >
+        <slot/>
+    </div>
 </template>

app/components/ui/sheet/SheetOverlay.vue

@@ -15,11 +15,11 @@ const delegatedProps = computed(() => {
 </script>
 
 <template>
-  <DialogOverlay
-    data-slot="sheet-overlay"
-    :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)"
-    v-bind="delegatedProps"
-  >
-    <slot />
-  </DialogOverlay>
+    <DialogOverlay
+        data-slot="sheet-overlay"
+        :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)"
+        v-bind="delegatedProps"
+    >
+        <slot/>
+    </DialogOverlay>
 </template>

app/components/ui/sheet/SheetTitle.vue

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

app/components/ui/sheet/SheetTrigger.vue

@@ -5,10 +5,7 @@ const props = defineProps<DialogTriggerProps>();
 </script>
 
 <template>
-  <DialogTrigger
-    data-slot="sheet-trigger"
-    v-bind="props"
-  >
-    <slot />
-  </DialogTrigger>
+    <DialogTrigger data-slot="sheet-trigger" v-bind="props">
+        <slot/>
+    </DialogTrigger>
 </template>