style: 🎨 Format code with Biome

app/components/ui/tabs/Tabs.vue

@@ -15,11 +15,11 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <TabsRoot
-    data-slot="tabs"
-    v-bind="forwarded"
-    :class="cn('flex flex-col gap-2', props.class)"
-  >
-    <slot />
-  </TabsRoot>
+    <TabsRoot
+        data-slot="tabs"
+        v-bind="forwarded"
+        :class="cn('flex flex-col gap-2', props.class)"
+    >
+        <slot/>
+    </TabsRoot>
 </template>

app/components/ui/tabs/TabsContent.vue

@@ -15,11 +15,11 @@ const delegatedProps = computed(() => {
 </script>
 
 <template>
-  <TabsContent
-    data-slot="tabs-content"
-    :class="cn('flex-1 outline-none', props.class)"
-    v-bind="delegatedProps"
-  >
-    <slot />
-  </TabsContent>
+    <TabsContent
+        data-slot="tabs-content"
+        :class="cn('flex-1 outline-none', props.class)"
+        v-bind="delegatedProps"
+    >
+        <slot/>
+    </TabsContent>
 </template>

app/components/ui/tabs/TabsList.vue

@@ -15,14 +15,14 @@ const delegatedProps = computed(() => {
 </script>
 
 <template>
-  <TabsList
-    data-slot="tabs-list"
-    v-bind="delegatedProps"
-    :class="cn(
+    <TabsList
+        data-slot="tabs-list"
+        v-bind="delegatedProps"
+        :class="cn(
       'bg-muted text-muted-foreground inline-flex w-fit items-center justify-center rounded-lg p-1 overflow-x-auto',
       props.class,
     )"
-  >
-    <slot />
-  </TabsList>
+    >
+        <slot/>
+    </TabsList>
 </template>

app/components/ui/tabs/TabsTrigger.vue

@@ -17,14 +17,14 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <TabsTrigger
-    data-slot="tabs-trigger"
-    v-bind="forwardedProps"
-    :class="cn(
+    <TabsTrigger
+        data-slot="tabs-trigger"
+        v-bind="forwardedProps"
+        :class="cn(
       `data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
       props.class,
     )"
-  >
-    <slot />
-  </TabsTrigger>
+    >
+        <slot/>
+    </TabsTrigger>
 </template>