style: 🎨 Format code with Biome

app/components/ui/card/Card.vue

@@ -8,11 +8,14 @@ const props = defineProps<{
 </script>
 
 <template>
-    <div data-slot="card" :class="cn(
+    <div
+        data-slot="card"
+        :class="cn(
         'bg-card text-card-foreground flex flex-col gap-6 rounded-md border p-4 shadow-sm',
         props.class,
     )
-        ">
-        <slot />
+        "
+    >
+        <slot/>
     </div>
 </template>

app/components/ui/card/CardAction.vue

@@ -8,10 +8,10 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div
-    data-slot="card-action"
-    :class="cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', props.class)"
-  >
-    <slot />
-  </div>
+    <div
+        data-slot="card-action"
+        :class="cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', props.class)"
+    >
+        <slot/>
+    </div>
 </template>

app/components/ui/card/CardContent.vue

@@ -8,10 +8,7 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div
-    data-slot="card-content"
-    :class="cn('flex flex-col', props.class)"
-  >
-    <slot />
-  </div>
+    <div data-slot="card-content" :class="cn('flex flex-col', props.class)">
+        <slot/>
+    </div>
 </template>

app/components/ui/card/CardDescription.vue

@@ -8,10 +8,10 @@ const props = defineProps<{
 </script>
 
 <template>
-  <p
-    data-slot="card-description"
-    :class="cn('text-muted-foreground text-sm', props.class)"
-  >
-    <slot />
-  </p>
+    <p
+        data-slot="card-description"
+        :class="cn('text-muted-foreground text-sm', props.class)"
+    >
+        <slot/>
+    </p>
 </template>

app/components/ui/card/CardFooter.vue

@@ -8,10 +8,10 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div
-    data-slot="card-footer"
-    :class="cn('flex items-center [.border-t]:pt-6', props.class)"
-  >
-    <slot />
-  </div>
+    <div
+        data-slot="card-footer"
+        :class="cn('flex items-center [.border-t]:pt-6', props.class)"
+    >
+        <slot/>
+    </div>
 </template>

app/components/ui/card/CardHeader.vue

@@ -8,10 +8,10 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div
-    data-slot="card-header"
-    :class="cn('@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6', props.class)"
-  >
-    <slot />
-  </div>
+    <div
+        data-slot="card-header"
+        :class="cn('@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6', props.class)"
+    >
+        <slot/>
+    </div>
 </template>

app/components/ui/card/CardTitle.vue

@@ -8,10 +8,10 @@ const props = defineProps<{
 </script>
 
 <template>
-  <h3
-    data-slot="card-title"
-    :class="cn('leading-none font-semibold', props.class)"
-  >
-    <slot />
-  </h3>
+    <h3
+        data-slot="card-title"
+        :class="cn('leading-none font-semibold', props.class)"
+    >
+        <slot/>
+    </h3>
 </template>