style: 🎨 Run Biome formatter

app/components/composer/composer.vue

@@ -1,6 +1,6 @@
 <template>
     <div v-if="relation" class="overflow-auto max-h-72">
-        <Note :note="relation.note" :hide-actions="true" :small-layout="true"/>
+        <Note :note="relation.note" :hide-actions="true" :small-layout="true" />
     </div>
 
     <InputGroup class="p-1">
@@ -31,7 +31,7 @@
             align="block-end"
             class="overflow-x-auto *:shrink-0"
         >
-            <Files v-model:files="store.files" :composer-key="composerKey"/>
+            <Files v-model:files="store.files" :composer-key="composerKey" />
         </InputGroupAddon>
 
         <InputGroupAddon align="block-end">
@@ -42,8 +42,8 @@
                     disable-select-icon
                 >
                     <InputGroupButton variant="ghost" size="icon-sm">
-                        <LetterText v-if="store.contentType === 'text/html'"/>
-                        <Type v-else/>
+                        <LetterText v-if="store.contentType === 'text/html'" />
+                        <Type v-else />
                     </InputGroupButton>
                 </SelectTrigger>
                 <SelectContent>
@@ -57,7 +57,7 @@
                     size="icon-sm"
                     :disabled="store.relation?.type === 'edit'"
                 >
-                    <component :is="visibilities[store.visibility].icon"/>
+                    <component :is="visibilities[store.visibility].icon" />
                 </InputGroupButton>
             </VisibilityPicker>
             <InputGroupButton
@@ -65,10 +65,10 @@
                 size="icon-sm"
                 @click="fileInput?.click()"
             >
-                <FilePlus2/>
+                <FilePlus2 />
             </InputGroupButton>
             <Toggle size="sm" v-model="store.sensitive">
-                <TriangleAlert/>
+                <TriangleAlert />
             </Toggle>
             <InputGroupText
                 :class="['ml-auto', charactersLeft < 0 && 'text-destructive']"
@@ -79,15 +79,15 @@
                     compactDisplay: 'short',
                 }) }}
             </InputGroupText>
-            <Separator orientation="vertical" class="h-4!"/>
+            <Separator orientation="vertical" class="h-4!" />
             <InputGroupButton
                 variant="default"
                 size="icon-sm"
                 :disabled="store.sending || !store.canSend"
                 @click="send"
             >
-                <Spinner v-if="store.sending"/>
-                <ArrowUp v-else/>
+                <Spinner v-if="store.sending" />
+                <ArrowUp v-else />
                 <span class="sr-only">Send</span>
             </InputGroupButton>
         </InputGroupAddon>

app/components/composer/dialog.vue

@@ -84,24 +84,20 @@ const relation = ref(
             class="sm:max-w-xl max-w-full w-[calc(100%-2*0.5rem)] grid-cols-1 max-h-[90dvh] p-0 top-2 sm:top-1/2 translate-y-0 sm:-translate-y-1/2 border-none bg-transparent shadow-none"
         >
             <DialogTitle class="sr-only">
-                {{
-                    relation?.type === "reply"
+                {{ relation?.type === "reply"
                         ? m.loved_busy_mantis_slide()
                         : relation?.type === "quote"
                         ? "Quote"
-                        : m.chunky_dull_marlin_trip()
-                }}
+                        : m.chunky_dull_marlin_trip() }}
             </DialogTitle>
             <DialogDescription class="sr-only">
-                {{
-                    relation?.type === "reply"
+                {{ relation?.type === "reply"
                         ? m.tired_grassy_vulture_forgive()
                         : relation?.type === "quote"
                         ? m.livid_livid_nils_snip()
-                        : m.brief_cool_capybara_fear()
-                }}
+                        : m.brief_cool_capybara_fear() }}
             </DialogDescription>
-            <Composer :relation="relation ?? undefined"/>
+            <Composer :relation="relation ?? undefined" />
         </DialogContent>
     </Dialog>
 </template>

app/components/composer/file-preview.vue

@@ -11,7 +11,7 @@
                 class="object-contain h-28 w-full"
                 :alt="file.alt"
             >
-            <FileIcon v-else class="size-6 m-auto text-muted-foreground"/>
+            <FileIcon v-else class="size-6 m-auto text-muted-foreground" />
             <Badge
                 v-if="file.file && !(file.uploading || file.updating)"
                 class="absolute bottom-1 right-1"
@@ -28,14 +28,14 @@
             <DropdownMenuLabel v-if="file.file">
                 {{ file.file.name }}
             </DropdownMenuLabel>
-            <DropdownMenuSeparator/>
+            <DropdownMenuSeparator />
             <DropdownMenuItem @click="editCaption">
-                <Captions/>
+                <Captions />
                 Add caption
             </DropdownMenuItem>
-            <DropdownMenuSeparator/>
+            <DropdownMenuSeparator />
             <DropdownMenuItem @click="emit('remove')">
-                <Delete/>
+                <Delete />
                 Remove
             </DropdownMenuItem>
         </DropdownMenuContent>

app/components/composer/visibility-picker.vue

@@ -1,7 +1,7 @@
 <template>
     <Select v-model:model-value="visibility">
         <SelectTrigger as-child disable-default-classes disable-select-icon>
-            <slot/>
+            <slot />
         </SelectTrigger>
         <SelectContent>
             <SelectItem
@@ -13,7 +13,7 @@
                 <div
                     class="flex flex-row gap-3 items-center w-full justify-between"
                 >
-                    <component :is="v.icon" class="size-4"/>
+                    <component :is="v.icon" class="size-4" />
                     <div class="flex flex-col gap-1">
                         <span class="font-semibold">{{ v.name }}</span>
                         <span>{{ v.text }}</span>