add format check, update prettier rules, apply rules consistently

resources/js/Components/ui/table/TableEmpty.vue

@@ -1,37 +1,34 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils'
-import { computed, type HTMLAttributes } from 'vue'
-import TableCell from './TableCell.vue'
-import TableRow from './TableRow.vue'
+import { cn } from '@/lib/utils';
+import { computed, type HTMLAttributes } from 'vue';
+import TableCell from './TableCell.vue';
+import TableRow from './TableRow.vue';
 
-const props = withDefaults(defineProps<{
-  class?: HTMLAttributes['class']
-  colspan?: number
-}>(), {
-  colspan: 1,
-})
+const props = withDefaults(
+    defineProps<{
+        class?: HTMLAttributes['class'];
+        colspan?: number;
+    }>(),
+    {
+        colspan: 1,
+    }
+);
 
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
+    const { class: _, ...delegated } = props;
 
-  return delegated
-})
+    return delegated;
+});
 </script>
 
 <template>
-  <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>
+    <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>
 </template>