style: 🎨 Format code with Biome

app/components/ui/alert-dialog/AlertDialog.vue

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

app/components/ui/alert-dialog/AlertDialogAction.vue

@@ -16,7 +16,10 @@ const delegatedProps = computed(() => {
 </script>
 
 <template>
-  <AlertDialogAction v-bind="delegatedProps" :class="cn(buttonVariants(), props.class)">
-    <slot />
-  </AlertDialogAction>
+    <AlertDialogAction
+        v-bind="delegatedProps"
+        :class="cn(buttonVariants(), props.class)"
+    >
+        <slot/>
+    </AlertDialogAction>
 </template>

app/components/ui/alert-dialog/AlertDialogCancel.vue

@@ -16,14 +16,14 @@ const delegatedProps = computed(() => {
 </script>
 
 <template>
-  <AlertDialogCancel
-    v-bind="delegatedProps"
-    :class="cn(
+    <AlertDialogCancel
+        v-bind="delegatedProps"
+        :class="cn(
       buttonVariants({ variant: 'outline' }),
       'mt-2 sm:mt-0',
       props.class,
     )"
-  >
-    <slot />
-  </AlertDialogCancel>
+    >
+        <slot/>
+    </AlertDialogCancel>
 </template>

app/components/ui/alert-dialog/AlertDialogContent.vue

@@ -25,22 +25,22 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <AlertDialogPortal>
-    <AlertDialogOverlay
-      data-slot="alert-dialog-overlay"
-      class="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"
-    />
-    <AlertDialogContent
-      data-slot="alert-dialog-content"
-      v-bind="forwarded"
-      :class="
+    <AlertDialogPortal>
+        <AlertDialogOverlay
+            data-slot="alert-dialog-overlay"
+            class="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"
+        />
+        <AlertDialogContent
+            data-slot="alert-dialog-content"
+            v-bind="forwarded"
+            :class="
         cn(
           'bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',
           props.class,
         )
       "
-    >
-      <slot />
-    </AlertDialogContent>
-  </AlertDialogPortal>
+        >
+            <slot/>
+        </AlertDialogContent>
+    </AlertDialogPortal>
 </template>

app/components/ui/alert-dialog/AlertDialogDescription.vue

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

app/components/ui/alert-dialog/AlertDialogFooter.vue

@@ -8,15 +8,15 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div
-    data-slot="alert-dialog-footer"
-    :class="
+    <div
+        data-slot="alert-dialog-footer"
+        :class="
       cn(
         'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',
         props.class,
       )
     "
-  >
-    <slot />
-  </div>
+    >
+        <slot/>
+    </div>
 </template>

app/components/ui/alert-dialog/AlertDialogHeader.vue

@@ -8,10 +8,10 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div
-    data-slot="alert-dialog-header"
-    :class="cn('flex flex-col gap-2 text-center sm:text-left', props.class)"
-  >
-    <slot />
-  </div>
+    <div
+        data-slot="alert-dialog-header"
+        :class="cn('flex flex-col gap-2 text-center sm:text-left', props.class)"
+    >
+        <slot/>
+    </div>
 </template>

app/components/ui/alert-dialog/AlertDialogTitle.vue

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

app/components/ui/alert-dialog/AlertDialogTrigger.vue

@@ -5,7 +5,7 @@ const props = defineProps<AlertDialogTriggerProps>();
 </script>
 
 <template>
-  <AlertDialogTrigger data-slot="alert-dialog-trigger" v-bind="props">
-    <slot />
-  </AlertDialogTrigger>
+    <AlertDialogTrigger data-slot="alert-dialog-trigger" v-bind="props">
+        <slot/>
+    </AlertDialogTrigger>
 </template>