style: 🎨 Run Biome formatter

app/components/ui/sheet/Sheet.vue

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

app/components/ui/sheet/SheetClose.vue

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

app/components/ui/sheet/SheetContent.vue

@@ -34,7 +34,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 
 <template>
     <DialogPortal>
-        <SheetOverlay/>
+        <SheetOverlay />
         <DialogContent
             data-slot="sheet-content"
             :class="cn(
@@ -50,12 +50,12 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
         props.class)"
             v-bind="{ ...forwarded, ...$attrs }"
         >
-            <slot/>
+            <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"/>
+                <X class="size-4" />
                 <span class="sr-only">Close</span>
             </DialogClose>
         </DialogContent>

app/components/ui/sheet/SheetDescription.vue

@@ -20,6 +20,6 @@ const delegatedProps = computed(() => {
         :class="cn('text-muted-foreground text-sm', props.class)"
         v-bind="delegatedProps"
     >
-        <slot/>
+        <slot />
     </DialogDescription>
 </template>

app/components/ui/sheet/SheetFooter.vue

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

app/components/ui/sheet/SheetHeader.vue

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

app/components/ui/sheet/SheetOverlay.vue

@@ -20,6 +20,6 @@ const delegatedProps = computed(() => {
         :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/>
+        <slot />
     </DialogOverlay>
 </template>

app/components/ui/sheet/SheetTitle.vue

@@ -20,6 +20,6 @@ const delegatedProps = computed(() => {
         :class="cn('text-foreground font-semibold', props.class)"
         v-bind="delegatedProps"
     >
-        <slot/>
+        <slot />
     </DialogTitle>
 </template>

app/components/ui/sheet/SheetTrigger.vue

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