style: 🎨 Format code with Biome

app/components/ui/table/Table.vue

@@ -8,9 +8,12 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div data-slot="table-container" class="relative w-full overflow-auto">
-    <table data-slot="table" :class="cn('w-full caption-bottom text-sm', props.class)">
-      <slot />
-    </table>
-  </div>
+    <div data-slot="table-container" class="relative w-full overflow-auto">
+        <table
+            data-slot="table"
+            :class="cn('w-full caption-bottom text-sm', props.class)"
+        >
+            <slot/>
+        </table>
+    </div>
 </template>

app/components/ui/table/TableBody.vue

@@ -8,10 +8,10 @@ const props = defineProps<{
 </script>
 
 <template>
-  <tbody
-    data-slot="table-body"
-    :class="cn('[&_tr:last-child]:border-0', props.class)"
-  >
-    <slot />
-  </tbody>
+    <tbody
+        data-slot="table-body"
+        :class="cn('[&_tr:last-child]:border-0', props.class)"
+    >
+        <slot/>
+    </tbody>
 </template>

app/components/ui/table/TableCaption.vue

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

app/components/ui/table/TableCell.vue

@@ -8,15 +8,15 @@ const props = defineProps<{
 </script>
 
 <template>
-  <td
-    data-slot="table-cell"
-    :class="
+    <td
+        data-slot="table-cell"
+        :class="
       cn(
         'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
         props.class,
       )
     "
-  >
-    <slot />
-  </td>
+    >
+        <slot/>
+    </td>
 </template>

app/components/ui/table/TableEmpty.vue

@@ -22,19 +22,19 @@ const delegatedProps = computed(() => {
 </script>
 
 <template>
-  <TableRow>
-    <TableCell
-      :class="
+    <TableRow>
+        <TableCell
+            :class="
         cn(
           'p-4 whitespace-nowrap align-middle text-sm text-foreground',
           props.class,
         )
       "
-      v-bind="delegatedProps"
-    >
-      <div class="flex items-center justify-center py-10">
-        <slot />
-      </div>
-    </TableCell>
-  </TableRow>
+            v-bind="delegatedProps"
+        >
+            <div class="flex items-center justify-center py-10">
+                <slot/>
+            </div>
+        </TableCell>
+    </TableRow>
 </template>

app/components/ui/table/TableFooter.vue

@@ -8,10 +8,10 @@ const props = defineProps<{
 </script>
 
 <template>
-  <tfoot
-    data-slot="table-footer"
-    :class="cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', props.class)"
-  >
-    <slot />
-  </tfoot>
+    <tfoot
+        data-slot="table-footer"
+        :class="cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', props.class)"
+    >
+        <slot/>
+    </tfoot>
 </template>

app/components/ui/table/TableHead.vue

@@ -8,10 +8,10 @@ const props = defineProps<{
 </script>
 
 <template>
-  <th
-    data-slot="table-head"
-    :class="cn('text-muted-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', props.class)"
-  >
-    <slot />
-  </th>
+    <th
+        data-slot="table-head"
+        :class="cn('text-muted-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', props.class)"
+    >
+        <slot/>
+    </th>
 </template>

app/components/ui/table/TableHeader.vue

@@ -8,10 +8,7 @@ const props = defineProps<{
 </script>
 
 <template>
-  <thead
-    data-slot="table-header"
-    :class="cn('[&_tr]:border-b', props.class)"
-  >
-    <slot />
-  </thead>
+    <thead data-slot="table-header" :class="cn('[&_tr]:border-b', props.class)">
+        <slot/>
+    </thead>
 </template>

app/components/ui/table/TableRow.vue

@@ -8,10 +8,10 @@ const props = defineProps<{
 </script>
 
 <template>
-  <tr
-    data-slot="table-row"
-    :class="cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors', props.class)"
-  >
-    <slot />
-  </tr>
+    <tr
+        data-slot="table-row"
+        :class="cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors', props.class)"
+    >
+        <slot/>
+    </tr>
 </template>