diff --git a/app/app.vue b/app/app.vue
index 606d868..54da381 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -1,13 +1,13 @@
 <template>
     <TooltipProvider>
         <Component is="style">{{ preferences.custom_css }}</Component>
-        <NuxtPwaAssets/>
+        <NuxtPwaAssets />
         <NuxtLayout>
-            <NuxtPage/>
+            <NuxtPage />
         </NuxtLayout>
-        <ConfirmationModal/>
+        <ConfirmationModal />
         <!-- pointer-events-auto fixes https://github.com/unovue/shadcn-vue/issues/462 -->
-        <Toaster class="pointer-events-auto"/>
+        <Toaster class="pointer-events-auto" />
     </TooltipProvider>
 </template>
 
diff --git a/app/components/composer/composer.vue b/app/components/composer/composer.vue
index c375cf0..5bca137 100644
--- a/app/components/composer/composer.vue
+++ b/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>
diff --git a/app/components/composer/dialog.vue b/app/components/composer/dialog.vue
index 0bdbb97..3cee1b2 100644
--- a/app/components/composer/dialog.vue
+++ b/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>
diff --git a/app/components/composer/file-preview.vue b/app/components/composer/file-preview.vue
index aecb448..3691a18 100644
--- a/app/components/composer/file-preview.vue
+++ b/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>
diff --git a/app/components/composer/visibility-picker.vue b/app/components/composer/visibility-picker.vue
index 84b9dcd..b243d9e 100644
--- a/app/components/composer/visibility-picker.vue
+++ b/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>
diff --git a/app/components/editor/bubble-menu.vue b/app/components/editor/bubble-menu.vue
index f0bf9d6..b3e5d55 100644
--- a/app/components/editor/bubble-menu.vue
+++ b/app/components/editor/bubble-menu.vue
@@ -75,25 +75,25 @@ watch(active, (value) => {
             class="bg-popover rounded-md"
         >
             <ToggleGroupItem value="bold">
-                <BoldIcon/>
+                <BoldIcon />
             </ToggleGroupItem>
             <ToggleGroupItem value="italic">
-                <ItalicIcon/>
+                <ItalicIcon />
             </ToggleGroupItem>
             <ToggleGroupItem value="underline">
-                <UnderlineIcon/>
+                <UnderlineIcon />
             </ToggleGroupItem>
             <ToggleGroupItem value="code">
-                <CurlyBracesIcon/>
+                <CurlyBracesIcon />
             </ToggleGroupItem>
             <ToggleGroupItem value="strike">
-                <StrikethroughIcon/>
+                <StrikethroughIcon />
             </ToggleGroupItem>
             <ToggleGroupItem value="subscript">
-                <SubscriptIcon/>
+                <SubscriptIcon />
             </ToggleGroupItem>
             <ToggleGroupItem value="superscript">
-                <SuperscriptIcon/>
+                <SuperscriptIcon />
             </ToggleGroupItem>
         </ToggleGroup>
     </BubbleMenu>
diff --git a/app/components/editor/content.vue b/app/components/editor/content.vue
index db4eccf..3ccec0b 100644
--- a/app/components/editor/content.vue
+++ b/app/components/editor/content.vue
@@ -1,6 +1,6 @@
 <template>
-    <BubbleMenu :editor="editor"/>
-    <EditorContent :editor="editor" v-bind="$attrs" :class="$style.content"/>
+    <BubbleMenu :editor="editor" />
+    <EditorContent :editor="editor" v-bind="$attrs" :class="$style.content" />
 </template>
 
 <script lang="ts" setup>
diff --git a/app/components/errors/noscript.vue b/app/components/errors/noscript.vue
index fc6c4eb..975867f 100644
--- a/app/components/errors/noscript.vue
+++ b/app/components/errors/noscript.vue
@@ -6,7 +6,7 @@ import SquarePattern from "../graphics/square-pattern.vue";
     <div
         class="grid min-h-screen place-items-center px-6 py-24 sm:py-32 lg:px-8 fixed inset-0 z-[1000000] bg-dark-900"
     >
-        <SquarePattern/>
+        <SquarePattern />
         <div class="prose prose-invert max-w-lg">
             <h1
                 class="mt-4 text-3xl font-bold tracking-tight text-gray-100 sm:text-5xl"
diff --git a/app/components/form/switch.vue b/app/components/form/switch.vue
index 45adc41..ede3503 100644
--- a/app/components/form/switch.vue
+++ b/app/components/form/switch.vue
@@ -15,9 +15,9 @@
                 </FormDescription>
             </CardHeader>
             <FormControl>
-                <slot/>
+                <slot />
             </FormControl>
-            <FormMessage/>
+            <FormMessage />
         </FormItem>
     </Card>
 </template>
diff --git a/app/components/form/text.vue b/app/components/form/text.vue
index 283a984..1b16032 100644
--- a/app/components/form/text.vue
+++ b/app/components/form/text.vue
@@ -2,10 +2,10 @@
     <FormItem>
         <FormLabel>{{ title }}</FormLabel>
         <FormControl>
-            <slot/>
+            <slot />
         </FormControl>
         <FormDescription v-if="description">{{ description }}</FormDescription>
-        <FormMessage/>
+        <FormMessage />
     </FormItem>
 </template>
 
diff --git a/app/components/graphics/spinner.vue b/app/components/graphics/spinner.vue
index ea6752f..c7bfa27 100644
--- a/app/components/graphics/spinner.vue
+++ b/app/components/graphics/spinner.vue
@@ -1,6 +1,6 @@
 <template>
     <Card class="flex items-center justify-center">
-        <Loader class="size-6 animate-spin"/>
+        <Loader class="size-6 animate-spin" />
     </Card>
 </template>
 
diff --git a/app/components/instance/small-card.vue b/app/components/instance/small-card.vue
index 4babaf7..45d4c3b 100644
--- a/app/components/instance/small-card.vue
+++ b/app/components/instance/small-card.vue
@@ -7,26 +7,16 @@
             :name="instance.title"
         />
         <div class="grid text-sm leading-tight *:line-clamp-1">
-            <span class="truncate font-semibold">
-                {{
-                    instance.domain
-                }}
-            </span>
+            <span class="truncate font-semibold"> {{ instance.domain }} </span>
             <span class="line-clamp-3 text-xs">
-                {{
-                    instance.versia_version || instance.version
-                }}
+                {{ instance.versia_version || instance.version }}
             </span>
         </div>
         <h1 class="line-clamp-1 text-sm font-semibold col-span-2">
-            {{
-                instance.title
-            }}
+            {{ instance.title }}
         </h1>
         <p class="line-clamp-5 text-xs col-span-2">
-            {{
-                instance.description
-            }}
+            {{ instance.description }}
         </p>
     </Card>
 </template>
diff --git a/app/components/modals/confirm-inline.vue b/app/components/modals/confirm-inline.vue
index 8081fc2..cc9e9e3 100644
--- a/app/components/modals/confirm-inline.vue
+++ b/app/components/modals/confirm-inline.vue
@@ -30,7 +30,7 @@ const inputValue = ref<string>("");
 <template>
     <Dialog>
         <DialogTrigger :as-child="true">
-            <slot/>
+            <slot />
         </DialogTrigger>
         <DialogContent class="sm:max-w-[425px]">
             <DialogHeader>
diff --git a/app/components/modals/drawer-content.vue b/app/components/modals/drawer-content.vue
index ec5a15b..e7ec283 100644
--- a/app/components/modals/drawer-content.vue
+++ b/app/components/modals/drawer-content.vue
@@ -1,6 +1,6 @@
 <template>
     <DrawerContent class="flex flex-col gap-2 px-4 mb-4 [&>:nth-child(2)]:mt-4">
-        <slot/>
+        <slot />
     </DrawerContent>
 </template>
 
diff --git a/app/components/navigation/mobile-navbar.vue b/app/components/navigation/mobile-navbar.vue
index 0947dfc..cc0c3b6 100644
--- a/app/components/navigation/mobile-navbar.vue
+++ b/app/components/navigation/mobile-navbar.vue
@@ -3,7 +3,7 @@
         class="fixed md:hidden bottom-0 inset-x-0 border-t h-16 bg-background z-10 flex items-center justify-around *:h-full *:w-full gap-6 px-4 py-2 [&>a>svg]:size-5 [&>button>svg]:size-5"
     >
         <Button :as="NuxtLink" href="/" variant="ghost" size="icon">
-            <Home/>
+            <Home />
         </Button>
         <Button
             :as="NuxtLink"
@@ -11,10 +11,10 @@
             variant="ghost"
             size="icon"
         >
-            <Bell/>
+            <Bell />
         </Button>
         <Button variant="ghost" size="icon">
-            <User/>
+            <User />
         </Button>
         <Button
             variant="default"
@@ -22,7 +22,7 @@
             :title="m.salty_aloof_turkey_nudge()"
             @click="useEvent('composer:open')"
         >
-            <Pen/>
+            <Pen />
         </Button>
     </div>
 </template>
diff --git a/app/components/notes/action-button.vue b/app/components/notes/action-button.vue
index f92d334..1400ef9 100644
--- a/app/components/notes/action-button.vue
+++ b/app/components/notes/action-button.vue
@@ -1,7 +1,7 @@
 <template>
     <Button variant="ghost" size="sm">
-        <component :is="icon" class="size-4"/>
-        <slot/>
+        <component :is="icon" class="size-4" />
+        <slot />
     </Button>
 </template>
 
diff --git a/app/components/notes/attachment.vue b/app/components/notes/attachment.vue
index 25e390d..b9a158d 100644
--- a/app/components/notes/attachment.vue
+++ b/app/components/notes/attachment.vue
@@ -11,7 +11,7 @@
         v-else-if="attachment.type === 'audio'"
         :attachment="attachment"
     />
-    <FileAttachment v-else :attachment="attachment"/>
+    <FileAttachment v-else :attachment="attachment" />
 </template>
 
 <script lang="ts" setup>
diff --git a/app/components/notes/attachments/attachment-base.vue b/app/components/notes/attachments/attachment-base.vue
index c0b1258..d4ba3f4 100644
--- a/app/components/notes/attachments/attachment-base.vue
+++ b/app/components/notes/attachments/attachment-base.vue
@@ -4,9 +4,9 @@
             class="w-full h-full overflow-hidden relative p-0 *:first:w-full *:first:h-full *:first:object-contain *:first:bg-muted/20"
         >
             <DialogTrigger v-if="lightbox" :as-child="true">
-                <slot/>
+                <slot />
             </DialogTrigger>
-            <slot v-else/>
+            <slot v-else />
             <!-- Alt text viewer -->
             <Popover v-if="attachment.description">
                 <div class="absolute top-0 right-0 p-2">
@@ -16,7 +16,7 @@
                             size="icon"
                             title="View alt text"
                         >
-                            <Captions/>
+                            <Captions />
                         </Button>
                     </PopoverTrigger>
                 </div>
@@ -43,18 +43,18 @@
                         size="icon"
                         class="ml-auto"
                     >
-                        <Download/>
+                        <Download />
                     </Button>
                     <DialogClose :as-child="true">
                         <Button variant="outline" size="icon">
-                            <X/>
+                            <X />
                         </Button>
                     </DialogClose>
                 </div>
                 <div
                     class="flex items-center justify-center overflow-hidden *:max-h-[80vh] *:max-w-[80vw] *:w-full *:h-full *:object-contain"
                 >
-                    <slot/>
+                    <slot />
                 </div>
                 <DialogDescription class="flex items-center justify-center">
                     <Card
diff --git a/app/components/notes/attachments/file.vue b/app/components/notes/attachments/file.vue
index 1644c2e..2947837 100644
--- a/app/components/notes/attachments/file.vue
+++ b/app/components/notes/attachments/file.vue
@@ -3,7 +3,7 @@
         <div
             class="flex flex-col items-center justify-center min-h-48 text-sm gap-2"
         >
-            <File class="size-12"/>
+            <File class="size-12" />
             <span>File attachment</span>
         </div>
     </AttachmentBase>
diff --git a/app/components/notes/content-warning.vue b/app/components/notes/content-warning.vue
index cfc492f..444c94a 100644
--- a/app/components/notes/content-warning.vue
+++ b/app/components/notes/content-warning.vue
@@ -12,8 +12,7 @@
             {{ hidden ? m.bald_direct_turtle_win() :
                 m.known_flaky_cockroach_dash() }}
             {{ characterCount > 0 ? ` (${characterCount} characters` : "" }}
-            {{
-                attachmentCount > 0 ? `${characterCount > 0 ? " · " : " ("}${attachmentCount} file(s)` : "" }}
+            {{ attachmentCount > 0 ? `${characterCount > 0 ? " · " : " ("}${attachmentCount} file(s)` : "" }}
             {{ (characterCount > 0 || attachmentCount > 0) ? ")" : "" }}
         </Button>
     </div>
diff --git a/app/components/notes/content.vue b/app/components/notes/content.vue
index 79d4230..2f5be2c 100644
--- a/app/components/notes/content.vue
+++ b/app/components/notes/content.vue
@@ -22,7 +22,7 @@
     />
 
     <div v-if="quote" class="mt-4 rounded border overflow-hidden">
-        <Note :note="quote" :hide-actions="true" :small-layout="true"/>
+        <Note :note="quote" :hide-actions="true" :small-layout="true" />
     </div>
 </template>
 
diff --git a/app/components/notes/header.vue b/app/components/notes/header.vue
index d76e3f7..029571e 100644
--- a/app/components/notes/header.vue
+++ b/app/components/notes/header.vue
@@ -2,7 +2,7 @@
     <div class="flex items-start justify-between">
         <div class="flex items-center gap-3">
             <NuxtLink :href="urlAsPath">
-                <Avatar :src="author.avatar" :name="author.display_name"/>
+                <Avatar :src="author.avatar" :name="author.display_name" />
             </NuxtLink>
             <div class="flex flex-col gap-0.5">
                 <div class="flex items-center gap-1">
@@ -34,7 +34,7 @@
             @delete="emit('delete')"
         >
             <Button variant="ghost" size="icon">
-                <Ellipsis/>
+                <Ellipsis />
             </Button>
         </Menu>
     </div>
diff --git a/app/components/notes/menu.vue b/app/components/notes/menu.vue
index 4d5b3ea..cbcfb33 100644
--- a/app/components/notes/menu.vue
+++ b/app/components/notes/menu.vue
@@ -79,7 +79,7 @@ const _delete = async () => {
 <template>
     <DropdownMenu>
         <DropdownMenuTrigger as-child>
-            <slot/>
+            <slot />
         </DropdownMenuTrigger>
         <DropdownMenuContent class="min-w-56">
             <DropdownMenuGroup>
@@ -88,22 +88,22 @@ const _delete = async () => {
                     as="button"
                     @click="emit('edit')"
                 >
-                    <Pencil/>
+                    <Pencil />
                     {{ m.front_lime_grizzly_persist() }}
                 </DropdownMenuItem>
                 <DropdownMenuItem as="button" @click="copyText(apiNoteString)">
-                    <Code/>
+                    <Code />
                     {{ m.yummy_moving_scallop_sail() }}
                 </DropdownMenuItem>
                 <DropdownMenuItem as="button" @click="copyText(noteId)">
-                    <Hash/>
+                    <Hash />
                     {{ m.sunny_zany_jellyfish_pop() }}
                 </DropdownMenuItem>
             </DropdownMenuGroup>
-            <DropdownMenuSeparator/>
+            <DropdownMenuSeparator />
             <DropdownMenuGroup>
                 <DropdownMenuItem as="button" @click="copyText(url)">
-                    <Link/>
+                    <Link />
                     {{ m.ago_new_pelican_drip() }}
                 </DropdownMenuItem>
                 <DropdownMenuItem
@@ -111,7 +111,7 @@ const _delete = async () => {
                     v-if="isRemote && remoteUrl"
                     @click="copyText(remoteUrl)"
                 >
-                    <Link/>
+                    <Link />
                     {{ m.solid_witty_zebra_walk() }}
                 </DropdownMenuItem>
                 <DropdownMenuItem
@@ -121,29 +121,29 @@ const _delete = async () => {
                     rel="noopener noreferrer"
                     :href="remoteUrl"
                 >
-                    <ExternalLink/>
+                    <ExternalLink />
                     {{ m.active_trite_lark_inspire() }}
                 </DropdownMenuItem>
             </DropdownMenuGroup>
-            <DropdownMenuSeparator v-if="authorIsMe"/>
+            <DropdownMenuSeparator v-if="authorIsMe" />
             <DropdownMenuGroup v-if="authorIsMe">
                 <DropdownMenuItem as="button" :disabled="true">
-                    <Delete/>
+                    <Delete />
                     {{ m.real_green_clownfish_pet() }}
                 </DropdownMenuItem>
                 <DropdownMenuItem as="button" @click="_delete">
-                    <Trash/>
+                    <Trash />
                     {{ m.tense_quick_cod_favor() }}
                 </DropdownMenuItem>
             </DropdownMenuGroup>
-            <DropdownMenuSeparator v-if="authStore.isSignedIn && !authorIsMe"/>
+            <DropdownMenuSeparator v-if="authStore.isSignedIn && !authorIsMe" />
             <DropdownMenuGroup v-if="authStore.isSignedIn && !authorIsMe">
                 <DropdownMenuItem as="button" :disabled="true">
-                    <Flag/>
+                    <Flag />
                     {{ m.great_few_jaguar_rise() }}
                 </DropdownMenuItem>
                 <DropdownMenuItem as="button" @click="blockUser(authorId)">
-                    <Ban/>
+                    <Ban />
                     {{ m.misty_soft_sparrow_vent() }}
                 </DropdownMenuItem>
             </DropdownMenuGroup>
diff --git a/app/components/notes/overflow-guard.vue b/app/components/notes/overflow-guard.vue
index b58c2c9..6f25c1f 100644
--- a/app/components/notes/overflow-guard.vue
+++ b/app/components/notes/overflow-guard.vue
@@ -6,7 +6,7 @@
         maxHeight: collapsed ? '18rem' : `${container?.scrollHeight}px`,
     }"
     >
-        <slot/>
+        <slot />
         <div
             v-if="isOverflowing && collapsed"
             class="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black/5 to-transparent rounded-b"
@@ -16,13 +16,11 @@
             @click="collapsed = !collapsed"
             class="absolute bottom-2 right-1/2 translate-x-1/2"
         >
-            {{
-                collapsed
+            {{ collapsed
                     ? `${m.lazy_honest_mammoth_bump()}${formattedCharacterCount ? ` • ${m.dark_spare_goldfish_charm({
                         count: formattedCharacterCount,
                     })}` : ""}`
-                    : m.that_misty_mule_arrive()
-            }}
+                    : m.that_misty_mule_arrive() }}
         </Button>
     </div>
 </template>
diff --git a/app/components/notes/prose.vue b/app/components/notes/prose.vue
index 23bbe75..b951c15 100644
--- a/app/components/notes/prose.vue
+++ b/app/components/notes/prose.vue
@@ -5,7 +5,7 @@
         $style.content,
     ]"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
 
diff --git a/app/components/notes/reactions/picker/index.vue b/app/components/notes/reactions/picker/index.vue
index 43bc46d..fb4f63e 100644
--- a/app/components/notes/reactions/picker/index.vue
+++ b/app/components/notes/reactions/picker/index.vue
@@ -1,7 +1,7 @@
 <template>
     <Popover v-model:open="open">
         <PopoverTrigger as-child>
-            <slot/>
+            <slot />
         </PopoverTrigger>
         <PopoverContent class="p-0 w-fit">
             <div
@@ -13,7 +13,7 @@
                     ref="emojiContainer"
                 >
                     <div class="p-2">
-                        <Input placeholder="Search" v-model="filter"/>
+                        <Input placeholder="Search" v-model="filter" />
                     </div>
                     <VList
                         :data="virtualizedItems"
@@ -51,7 +51,7 @@
                     }"
                     />
                 </div>
-                <Sidebar :categories="categories" @select="scrollToCategory"/>
+                <Sidebar :categories="categories" @select="scrollToCategory" />
             </div>
         </PopoverContent>
     </Popover>
diff --git a/app/components/notes/reactions/reaction.vue b/app/components/notes/reactions/reaction.vue
index 8c7bc9a..f86c812 100644
--- a/app/components/notes/reactions/reaction.vue
+++ b/app/components/notes/reactions/reaction.vue
@@ -20,7 +20,7 @@
             </Button>
         </HoverCardTrigger>
         <HoverCardContent class="p-3">
-            <Spinner v-if="accounts === null" class="border-0"/>
+            <Spinner v-if="accounts === null" class="border-0" />
             <ul v-else class="flex flex-col gap-4">
                 <li v-for="account in accounts">
                     <NuxtLink
diff --git a/app/components/notes/reblog-header.vue b/app/components/notes/reblog-header.vue
index 5dafd09..e54fed8 100644
--- a/app/components/notes/reblog-header.vue
+++ b/app/components/notes/reblog-header.vue
@@ -3,8 +3,8 @@
         <Card
             class="flex-row px-2 py-1 items-center gap-2 hover:bg-muted duration-100 text-sm"
         >
-            <Repeat class="size-4 text-primary"/>
-            <Avatar class="size-6 border" :src="avatar" :name="displayName"/>
+            <Repeat class="size-4 text-primary" />
+            <Avatar class="size-6 border" :src="avatar" :name="displayName" />
             <span class="font-semibold" v-render-emojis="emojis"
                 >{{ displayName }}</span
             >
diff --git a/app/components/notes/thread.vue b/app/components/notes/thread.vue
index 8cc4a35..caa48ad 100644
--- a/app/components/notes/thread.vue
+++ b/app/components/notes/thread.vue
@@ -7,7 +7,7 @@
             :reply-bar="true"
             class="rounded-b-none"
         />
-        <Note :note="note" :class="parent && 'border-t-0 rounded-t-none'"/>
+        <Note :note="note" :class="parent && 'border-t-0 rounded-t-none'" />
     </div>
 </template>
 
diff --git a/app/components/notifications/follow-request.vue b/app/components/notifications/follow-request.vue
index 2aa307a..eef5878 100644
--- a/app/components/notifications/follow-request.vue
+++ b/app/components/notifications/follow-request.vue
@@ -16,23 +16,21 @@
             <span
                 class="truncate font-semibold"
                 v-render-emojis="follower.emojis"
-                >{{
-                follower.display_name
-                }}</span
+                >{{ follower.display_name }}</span
             >
             <span class="truncate tracking-tight">
-                <Address :username="username" :domain="domain"/>
+                <Address :username="username" :domain="domain" />
             </span>
         </div>
     </div>
     <div v-if="loading" class="flex p-2 items-center justify-center h-12">
-        <Loader class="size-4 animate-spin"/>
+        <Loader class="size-4 animate-spin" />
     </div>
     <div
         v-else-if="relationship?.requested_by === false"
         class="flex p-2 items-center justify-center h-12"
     >
-        <Check class="size-4"/>
+        <Check class="size-4" />
     </div>
     <div v-else class="grid grid-cols-2 p-2 gap-2">
         <Button
@@ -41,7 +39,7 @@
             @click="accept"
             :title="m.slow_these_kestrel_sail()"
         >
-            <Check/>
+            <Check />
         </Button>
         <Button
             variant="ghost"
@@ -49,7 +47,7 @@
             @click="reject"
             :title="m.weary_steep_yak_embrace()"
         >
-            <X/>
+            <X />
         </Button>
     </div>
 </template>
diff --git a/app/components/notifications/notification.vue b/app/components/notifications/notification.vue
index 2a6d2e6..6afb15e 100644
--- a/app/components/notifications/notification.vue
+++ b/app/components/notifications/notification.vue
@@ -7,7 +7,7 @@
                         v-if="notification.account"
                         class="flex flex-row items-center gap-2 px-2"
                     >
-                        <component :is="icon" class="size-5 shrink-0"/>
+                        <component :is="icon" class="size-5 shrink-0" />
                         <Avatar
                             class="size-5 border border-card"
                             :src="notification.account.avatar"
@@ -25,7 +25,7 @@
                                 class="ml-auto [&_svg]:data-[state=open]:-rotate-180"
                                 :title="open ? 'Collapse' : 'Expand'"
                             >
-                                <ChevronDown class="duration-200"/>
+                                <ChevronDown class="duration-200" />
                             </Button>
                         </CollapsibleTrigger>
                     </CardHeader>
diff --git a/app/components/preferences/developer.vue b/app/components/preferences/developer.vue
index b58ebe1..b93b00a 100644
--- a/app/components/preferences/developer.vue
+++ b/app/components/preferences/developer.vue
@@ -11,7 +11,7 @@
                     {{ value }}
                 </dd>
                 <dd class="font-mono" v-else>
-                    <component :is="value"/>
+                    <component :is="value" />
                 </dd>
             </div>
         </dl>
diff --git a/app/components/preferences/dialog.vue b/app/components/preferences/dialog.vue
index 95dabf7..388cd05 100644
--- a/app/components/preferences/dialog.vue
+++ b/app/components/preferences/dialog.vue
@@ -108,7 +108,7 @@ useListen("preferences:open", () => {
                             :key="page"
                             :value="page"
                         >
-                            <component :is="icons[page]" class="size-4 mr-2"/>
+                            <component :is="icons[page]" class="size-4 mr-2" />
                             {{ page }}
                         </TabsTrigger>
                     </TabsList>
@@ -130,17 +130,17 @@ useListen("preferences:open", () => {
                 </TabsContent>
                 <TabsContent value="Emojis" as-child>
                     <Page title="Emojis">
-                        <Emojis/>
+                        <Emojis />
                     </Page>
                 </TabsContent>
                 <TabsContent value="Account" as-child>
                     <Page title="Account">
-                        <Profile/>
+                        <Profile />
                     </Page>
                 </TabsContent>
                 <TabsContent value="Developer" as-child>
                     <Page title="Developer">
-                        <Developer/>
+                        <Developer />
                     </Page>
                 </TabsContent>
                 <TabsContent value="About" as-child>
@@ -150,9 +150,9 @@ useListen("preferences:open", () => {
                                 {{ pkg.description }}
                             </p>
 
-                            <Stats/>
+                            <Stats />
                         </section>
-                        <Separator/>
+                        <Separator />
                         <section class="space-y-2">
                             <h3 class="text-lg font-semibold tracking-tight">
                                 Developers
@@ -182,7 +182,7 @@ useListen("preferences:open", () => {
                                 />
                             </div>
                         </section>
-                        <Separator/>
+                        <Separator />
                         <section class="space-y-2">
                             <h3 class="text-lg font-semibold tracking-tight">
                                 Dependencies
diff --git a/app/components/preferences/emojis/batch-dropdown.vue b/app/components/preferences/emojis/batch-dropdown.vue
index 222d09d..688d43e 100644
--- a/app/components/preferences/emojis/batch-dropdown.vue
+++ b/app/components/preferences/emojis/batch-dropdown.vue
@@ -1,11 +1,11 @@
 <template>
     <DropdownMenu>
         <DropdownMenuTrigger as-child>
-            <slot/>
+            <slot />
         </DropdownMenuTrigger>
         <DropdownMenuContent class="min-w-48">
             <DropdownMenuItem @click="deleteAll" :disabled="!canEdit">
-                <Delete/>
+                <Delete />
                 {{ m.tense_quick_cod_favor() }}
             </DropdownMenuItem>
         </DropdownMenuContent>
diff --git a/app/components/preferences/emojis/dropdown.vue b/app/components/preferences/emojis/dropdown.vue
index 38e7004..b6ce0fd 100644
--- a/app/components/preferences/emojis/dropdown.vue
+++ b/app/components/preferences/emojis/dropdown.vue
@@ -7,12 +7,12 @@
                 title="Open menu"
                 class="size-8 p-0"
             >
-                <MoreHorizontal class="size-4"/>
+                <MoreHorizontal class="size-4" />
             </Button>
         </DropdownMenuTrigger>
         <DropdownMenuContent class="min-w-48">
             <DropdownMenuItem @click="editName">
-                <TextCursorInput/>
+                <TextCursorInput />
                 {{ m.cuddly_such_swallow_hush() }}
             </DropdownMenuItem>
             <!-- <DropdownMenuItem @click="editCaption">
@@ -21,7 +21,7 @@
             </DropdownMenuItem>
             <DropdownMenuSeparator /> -->
             <DropdownMenuItem @click="_delete">
-                <Delete/>
+                <Delete />
                 {{ m.tense_quick_cod_favor() }}
             </DropdownMenuItem>
         </DropdownMenuContent>
diff --git a/app/components/preferences/emojis/index.vue b/app/components/preferences/emojis/index.vue
index 69c590a..bedd2d6 100644
--- a/app/components/preferences/emojis/index.vue
+++ b/app/components/preferences/emojis/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div v-if="authStore.emojis.length > 0" class="grow">
-        <Table :emojis="authStore.emojis" :can-upload="canUpload"/>
+        <Table :emojis="authStore.emojis" :can-upload="canUpload" />
     </div>
 </template>
 
diff --git a/app/components/preferences/emojis/table.vue b/app/components/preferences/emojis/table.vue
index 27d0c6b..52a4e81 100644
--- a/app/components/preferences/emojis/table.vue
+++ b/app/components/preferences/emojis/table.vue
@@ -290,14 +290,14 @@ const table = useVueTable({
             />
             <Uploader v-if="props.canUpload">
                 <Button variant="outline" size="icon" title="Upload emoji">
-                    <Plus class="size-4"/>
+                    <Plus class="size-4" />
                 </Button>
             </Uploader>
             <DropdownMenu>
                 <DropdownMenuTrigger as-child>
                     <Button variant="outline">
                         Columns
-                        <ChevronDown class="ml-2 size-4"/>
+                        <ChevronDown class="ml-2 size-4" />
                     </Button>
                 </DropdownMenuTrigger>
                 <DropdownMenuContent align="end">
diff --git a/app/components/preferences/emojis/uploader.vue b/app/components/preferences/emojis/uploader.vue
index ab7a018..80a74f6 100644
--- a/app/components/preferences/emojis/uploader.vue
+++ b/app/components/preferences/emojis/uploader.vue
@@ -1,7 +1,7 @@
 <template>
     <Dialog v-model:open="open">
         <DialogTrigger>
-            <slot/>
+            <slot />
         </DialogTrigger>
         <DialogContent>
             <DialogTitle>{{ m.whole_icy_puffin_smile() }}</DialogTitle>
@@ -66,7 +66,7 @@
                         <FormDescription>
                             {{ m.lime_late_millipede_urge() }}
                         </FormDescription>
-                        <FormMessage/>
+                        <FormMessage />
                     </FormItem>
                 </FormField>
 
@@ -82,7 +82,7 @@
                         <FormDescription>
                             {{ m.glad_day_kestrel_amaze() }}
                         </FormDescription>
-                        <FormMessage/>
+                        <FormMessage />
                     </FormItem>
                 </FormField>
 
@@ -97,7 +97,7 @@
                                 :disabled="isSubmitting"
                             />
                         </FormControl>
-                        <FormMessage/>
+                        <FormMessage />
                     </FormItem>
                 </FormField>
 
@@ -116,7 +116,7 @@
                         <FormDescription>
                             {{ m.weird_fun_jurgen_arise() }}
                         </FormDescription>
-                        <FormMessage/>
+                        <FormMessage />
                     </FormItem>
                 </FormField>
 
diff --git a/app/components/preferences/index.vue b/app/components/preferences/index.vue
index ffe4fe3..dff1d01 100644
--- a/app/components/preferences/index.vue
+++ b/app/components/preferences/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <Dialog/>
+    <Dialog />
 </template>
 
 <script lang="ts" setup>
diff --git a/app/components/preferences/page.vue b/app/components/preferences/page.vue
index f6c5555..6efa2f0 100644
--- a/app/components/preferences/page.vue
+++ b/app/components/preferences/page.vue
@@ -2,7 +2,7 @@
     <section class="gap-4 flex flex-col">
         <h2 class="text-xl font-bold tracking-tight">{{ title }}</h2>
 
-        <slot/>
+        <slot />
     </section>
 </template>
 
diff --git a/app/components/preferences/profile.vue b/app/components/preferences/profile.vue
index 6b72107..b79aa5d 100644
--- a/app/components/preferences/profile.vue
+++ b/app/components/preferences/profile.vue
@@ -5,7 +5,7 @@
                 v-if="dirty"
                 class="absolute bottom-2 z-10 inset-x-2 w-[calc(100%-1rem)] grid-cols-[calc(var(--spacing)*4)_1fr_auto]!"
             >
-                <SaveOff class="size-4"/>
+                <SaveOff class="size-4" />
                 <AlertTitle>Unsaved changes</AlertTitle>
                 <Button
                     variant="secondary"
@@ -50,7 +50,7 @@
                 :title="m.mild_known_mallard_jolt()"
                 :description="m.lime_dry_skunk_loop()"
             >
-                <Input v-bind="componentField"/>
+                <Input v-bind="componentField" />
             </TextInput>
         </FormField>
 
@@ -59,7 +59,7 @@
                 :title="m.neat_silly_dog_prosper()"
                 :description="m.petty_plane_tadpole_earn()"
             >
-                <Input v-bind="componentField"/>
+                <Input v-bind="componentField" />
             </TextInput>
         </FormField>
 
@@ -68,7 +68,7 @@
                 :title="m.next_caring_ladybug_hack()"
                 :description="m.stale_just_anaconda_earn()"
             >
-                <Textarea rows="10" v-bind="componentField"/>
+                <Textarea rows="10" v-bind="componentField" />
             </TextInput>
         </FormField>
 
diff --git a/app/components/preferences/profile/fields.vue b/app/components/preferences/profile/fields.vue
index d1cbe05..98f999a 100644
--- a/app/components/preferences/profile/fields.vue
+++ b/app/components/preferences/profile/fields.vue
@@ -10,7 +10,7 @@
                 @click="addField()"
                 :title="m.front_north_eel_gulp()"
             >
-                <Plus/>
+                <Plus />
             </Button>
         </FormLabel>
 
@@ -32,7 +32,7 @@
                         size="icon"
                         class="drag-handle cursor-grab"
                     >
-                        <GripVertical/>
+                        <GripVertical />
                     </Button>
                     <Input
                         :model-value="field.name"
@@ -55,11 +55,11 @@
                         size="icon"
                         @click="removeField(index)"
                     >
-                        <Trash/>
+                        <Trash />
                     </Button>
                 </div>
             </VueDraggable>
-            <FormMessage/>
+            <FormMessage />
         </FormControl>
     </FormItem>
 </template>
diff --git a/app/components/preferences/profile/image-uploader.vue b/app/components/preferences/profile/image-uploader.vue
index 650f5a4..75c5a93 100644
--- a/app/components/preferences/profile/image-uploader.vue
+++ b/app/components/preferences/profile/image-uploader.vue
@@ -6,11 +6,11 @@
                 variant="ghost"
                 class="h-fit w-fit p-0 m-0 relative group border overflow-hidden"
             >
-                <Avatar class="size-32" :src="image" :name="displayName"/>
+                <Avatar class="size-32" :src="image" :name="displayName" />
                 <div
                     class="absolute inset-0 bg-background/80 flex group-hover:opacity-100 opacity-0 duration-200 items-center justify-center"
                 >
-                    <Upload/>
+                    <Upload />
                 </div>
             </Button>
         </DialogTrigger>
@@ -56,7 +56,7 @@
                                 <FormDescription>
                                     {{ m.lime_late_millipede_urge() }}
                                 </FormDescription>
-                                <FormMessage/>
+                                <FormMessage />
                             </FormItem>
                         </FormField>
                     </TabsContent>
@@ -81,14 +81,15 @@
                                         placeholder="peter.griffin@fox.com"
                                     />
                                 </FormControl>
-                                <FormMessage/>
+                                <FormMessage />
                                 <div v-if="value" class="grid gap-4 !mt-4">
                                     <Label>
-                                        {{
-                                        m.witty_honest_wallaby_support()
-                                    }}
+                                        {{ m.witty_honest_wallaby_support() }}
                                     </Label>
-                                    <Avatar class="size-32" :src="gravatarUrl"/>
+                                    <Avatar
+                                        class="size-32"
+                                        :src="gravatarUrl"
+                                    />
                                 </div>
                             </FormItem>
                         </FormField>
@@ -109,14 +110,12 @@
                                         placeholder="https://mysite.com/avatar.webp"
                                     />
                                 </FormControl>
-                                <FormMessage/>
+                                <FormMessage />
                                 <div v-if="value" class="grid gap-4 !mt-4">
                                     <Label>
-                                        {{
-                                        m.witty_honest_wallaby_support()
-                                    }}
+                                        {{ m.witty_honest_wallaby_support() }}
                                     </Label>
-                                    <Avatar class="size-32" :src="value"/>
+                                    <Avatar class="size-32" :src="value" />
                                 </div>
                             </FormItem>
                         </FormField>
diff --git a/app/components/preferences/stats.vue b/app/components/preferences/stats.vue
index 77ca0cb..edc910e 100644
--- a/app/components/preferences/stats.vue
+++ b/app/components/preferences/stats.vue
@@ -11,7 +11,7 @@
                     {{ value }}
                 </dd>
                 <dd class="font-mono" v-else>
-                    <component :is="value"/>
+                    <component :is="value" />
                 </dd>
             </div>
         </dl>
diff --git a/app/components/preferences/types/boolean.vue b/app/components/preferences/types/boolean.vue
index b78de3c..78ccbaf 100644
--- a/app/components/preferences/types/boolean.vue
+++ b/app/components/preferences/types/boolean.vue
@@ -1,6 +1,6 @@
 <template>
     <TypeBase :pref="pref" :name="name" v-slot="{ setValue, value }">
-        <Switch @update:model-value="setValue" :model-value="value"/>
+        <Switch @update:model-value="setValue" :model-value="value" />
     </TypeBase>
 </template>
 
diff --git a/app/components/preferences/types/number.vue b/app/components/preferences/types/number.vue
index bdc3cf4..9165ab9 100644
--- a/app/components/preferences/types/number.vue
+++ b/app/components/preferences/types/number.vue
@@ -8,9 +8,9 @@
             :step="pref.options.integer ? 1 : pref.options.step"
         >
             <NumberFieldContent>
-                <NumberFieldDecrement/>
-                <NumberFieldInput/>
-                <NumberFieldIncrement/>
+                <NumberFieldDecrement />
+                <NumberFieldInput />
+                <NumberFieldIncrement />
             </NumberFieldContent>
         </NumberField>
     </TypeBase>
diff --git a/app/components/preferences/types/select.vue b/app/components/preferences/types/select.vue
index 12e222c..534ae28 100644
--- a/app/components/preferences/types/select.vue
+++ b/app/components/preferences/types/select.vue
@@ -2,7 +2,7 @@
     <TypeBase :pref="pref" :name="name" v-slot="{ setValue, value }">
         <Select :model-value="value" @update:model-value="setValue">
             <SelectTrigger>
-                <SelectValue placeholder="Select an option"/>
+                <SelectValue placeholder="Select an option" />
             </SelectTrigger>
             <SelectContent>
                 <SelectGroup>
diff --git a/app/components/preferences/types/type-base.vue b/app/components/preferences/types/type-base.vue
index 215529e..d92d49c 100644
--- a/app/components/preferences/types/type-base.vue
+++ b/app/components/preferences/types/type-base.vue
@@ -9,14 +9,13 @@
             <small
                 v-if="pref.options.description"
                 class="text-xs font-medium leading-none text-muted-foreground"
-                >{{
-                pref.options.description }}</small
+                >{{ pref.options.description }}</small
             >
         </div>
         <div class="flex items-center justify-end">
-            <slot :value="value" :set-value="setValue"/>
+            <slot :value="value" :set-value="setValue" />
         </div>
-        <slot name="extra" :value="value" :set-value="setValue"/>
+        <slot name="extra" :value="value" :set-value="setValue" />
     </div>
 </template>
 
diff --git a/app/components/profiles/avatar.vue b/app/components/profiles/avatar.vue
index b81a428..1be9171 100644
--- a/app/components/profiles/avatar.vue
+++ b/app/components/profiles/avatar.vue
@@ -1,7 +1,7 @@
 <template>
     <Avatar :class="['rounded-md bg-secondary']">
         <AvatarFallback v-if="name">{{ getInitials(name) }}</AvatarFallback>
-        <AvatarImage v-if="src" :src="src" :alt="`${name}'s avatar`"/>
+        <AvatarImage v-if="src" :src="src" :alt="`${name}'s avatar`" />
     </Avatar>
 </template>
 
diff --git a/app/components/profiles/profile-actions.vue b/app/components/profiles/profile-actions.vue
index bcad390..c3d469e 100644
--- a/app/components/profiles/profile-actions.vue
+++ b/app/components/profiles/profile-actions.vue
@@ -1,7 +1,7 @@
 <template>
     <DropdownMenu>
         <DropdownMenuTrigger as-child>
-            <slot/>
+            <slot />
         </DropdownMenuTrigger>
         <DropdownMenuContent class="min-w-56">
             <DropdownMenuGroup>
@@ -9,29 +9,29 @@
                     as="button"
                     @click="copyText(account.username)"
                 >
-                    <AtSign/>
+                    <AtSign />
                     {{ m.cool_dark_tapir_belong() }}
                 </DropdownMenuItem>
                 <DropdownMenuItem
                     as="button"
                     @click="copyText(JSON.stringify(account, null, 4))"
                 >
-                    <Code/>
+                    <Code />
                     {{ m.yummy_moving_scallop_sail() }}
                 </DropdownMenuItem>
                 <DropdownMenuItem as="button" @click="copyText(account.id)">
-                    <Hash/>
+                    <Hash />
                     {{ m.sunny_zany_jellyfish_pop() }}
                 </DropdownMenuItem>
             </DropdownMenuGroup>
-            <DropdownMenuSeparator/>
+            <DropdownMenuSeparator />
             <DropdownMenuGroup>
                 <DropdownMenuItem as="button" @click="copyText(url)">
-                    <Link/>
+                    <Link />
                     {{ m.ago_new_pelican_drip() }}
                 </DropdownMenuItem>
                 <DropdownMenuItem as="button" @click="copyText(account.url)">
-                    <Link/>
+                    <Link />
                     {{ m.solid_witty_zebra_walk() }}
                 </DropdownMenuItem>
                 <DropdownMenuItem
@@ -41,32 +41,32 @@
                     rel="noopener noreferrer"
                     :href="account.url"
                 >
-                    <ExternalLink/>
+                    <ExternalLink />
                     {{ m.active_trite_lark_inspire() }}
                 </DropdownMenuItem>
             </DropdownMenuGroup>
-            <DropdownMenuSeparator v-if="authStore.isSignedIn && !isMe"/>
+            <DropdownMenuSeparator v-if="authStore.isSignedIn && !isMe" />
             <DropdownMenuGroup v-if="authStore.isSignedIn && !isMe">
                 <DropdownMenuItem as="button" @click="muteUser(account.id)">
-                    <VolumeX/>
+                    <VolumeX />
                     {{ m.spare_wild_mole_intend() }}
                 </DropdownMenuItem>
                 <DropdownMenuItem as="button" @click="blockUser(account.id)">
-                    <Ban/>
+                    <Ban />
                     {{ m.misty_soft_sparrow_vent() }}
                 </DropdownMenuItem>
             </DropdownMenuGroup>
-            <DropdownMenuSeparator v-if="isRemote"/>
+            <DropdownMenuSeparator v-if="isRemote" />
             <DropdownMenuGroup v-if="isRemote">
                 <DropdownMenuItem as="button" @click="refresh">
-                    <RefreshCw/>
+                    <RefreshCw />
                     {{ m.slow_chunky_chipmunk_hush() }}
                 </DropdownMenuItem>
             </DropdownMenuGroup>
-            <DropdownMenuSeparator v-if="authStore.isSignedIn && !isMe"/>
+            <DropdownMenuSeparator v-if="authStore.isSignedIn && !isMe" />
             <DropdownMenuGroup v-if="authStore.isSignedIn && !isMe">
                 <DropdownMenuItem as="button" :disabled="true">
-                    <Flag/>
+                    <Flag />
                     {{ m.great_few_jaguar_rise() }}
                 </DropdownMenuItem>
             </DropdownMenuGroup>
diff --git a/app/components/profiles/profile-badge.vue b/app/components/profiles/profile-badge.vue
index 4cd38eb..2097fd8 100644
--- a/app/components/profiles/profile-badge.vue
+++ b/app/components/profiles/profile-badge.vue
@@ -2,7 +2,7 @@
     <Tooltip>
         <TooltipTrigger :as-child="true">
             <Badge variant="default" class="gap-1">
-                <BadgeCheck v-if="verified"/>
+                <BadgeCheck v-if="verified" />
                 <img v-else-if="icon" :src="icon" alt="" class="size-4 rounded">
                 {{ name }}
             </Badge>
diff --git a/app/components/profiles/profile-fields.vue b/app/components/profiles/profile-fields.vue
index 82dc5b4..a30109b 100644
--- a/app/components/profiles/profile-fields.vue
+++ b/app/components/profiles/profile-fields.vue
@@ -8,7 +8,7 @@
             <HeadingSmall v-render-emojis="emojis">
                 {{ field.name }}
             </HeadingSmall>
-            <Html v-html="field.value" v-render-emojis="emojis"/>
+            <Html v-html="field.value" v-render-emojis="emojis" />
         </Column>
     </Column>
 </template>
diff --git a/app/components/profiles/profile-header.vue b/app/components/profiles/profile-header.vue
index 40da103..983be3f 100644
--- a/app/components/profiles/profile-header.vue
+++ b/app/components/profiles/profile-header.vue
@@ -15,7 +15,7 @@
         <div
             class="absolute bottom-0 translate-y-1/3 left-4 flex flex-row items-start gap-2"
         >
-            <Avatar class="size-32 border" :src="avatar" :name="displayName"/>
+            <Avatar class="size-32 border" :src="avatar" :name="displayName" />
         </div>
     </CardHeader>
 </template>
diff --git a/app/components/profiles/profile-relationship-actions.vue b/app/components/profiles/profile-relationship-actions.vue
index b1b3114..409784e 100644
--- a/app/components/profiles/profile-relationship-actions.vue
+++ b/app/components/profiles/profile-relationship-actions.vue
@@ -5,15 +5,13 @@
         v-if="!isMe && authStore.isSignedIn"
         @click="relationship?.following ? unfollow() : follow()"
     >
-        <Loader v-if="isLoading" class="animate-spin"/>
+        <Loader v-if="isLoading" class="animate-spin" />
         <span v-else>
-            {{
-                relationship?.following
+            {{ relationship?.following
                     ? m.brief_upper_otter_cuddle()
                     : relationship?.requested
                         ? m.weak_bright_larva_grasp()
-                        : m.lazy_major_loris_grasp()
-            }}
+                        : m.lazy_major_loris_grasp() }}
         </span>
     </Button>
 </template>
diff --git a/app/components/profiles/profile.vue b/app/components/profiles/profile.vue
index 0dc2e11..c5d0edf 100644
--- a/app/components/profiles/profile.vue
+++ b/app/components/profiles/profile.vue
@@ -6,10 +6,10 @@
             :display-name="account.display_name"
         />
         <Row class="justify-end gap-2">
-            <ProfileRelationshipActions :account="account"/>
+            <ProfileRelationshipActions :account="account" />
             <ProfileActions :account="account">
                 <Button variant="secondary" size="icon">
-                    <Ellipsis/>
+                    <Ellipsis />
                 </Button>
             </ProfileActions>
         </Row>
@@ -17,24 +17,24 @@
             <Text class="font-bold" v-render-emojis="account.emojis">
                 {{ account.display_name }}
             </Text>
-            <Address :username="username" :domain="domain"/>
+            <Address :username="username" :domain="domain" />
         </Column>
-        <ProfileBadges :account="account"/>
-        <Html v-html="account.note" v-render-emojis="account.emojis"/>
-        <Separator/>
+        <ProfileBadges :account="account" />
+        <Html v-html="account.note" v-render-emojis="account.emojis" />
+        <Separator />
         <ProfileFields
             v-if="account.fields.length > 0"
             :fields="account.fields"
             :emojis="account.emojis"
         />
-        <Separator v-if="account.fields.length > 0"/>
+        <Separator v-if="account.fields.length > 0" />
         <Row>
             <HeadingSmall class="flex items-center gap-1">
-                <CalendarDays class="size-4"/>
+                <CalendarDays class="size-4" />
                 {{ formattedCreationDate }}
             </HeadingSmall>
         </Row>
-        <Separator/>
+        <Separator />
         <ProfileStats
             :follower-count="account.followers_count"
             :following-count="account.following_count"
diff --git a/app/components/profiles/small-card.vue b/app/components/profiles/small-card.vue
index 8e0ebd7..42bc1b7 100644
--- a/app/components/profiles/small-card.vue
+++ b/app/components/profiles/small-card.vue
@@ -26,14 +26,14 @@
         <Text class="font-bold" v-render-emojis="account.emojis">
             {{ account.display_name }}
         </Text>
-        <Address :username="username" :domain="domain"/>
+        <Address :username="username" :domain="domain" />
     </div>
     <Html
         v-html="account.note"
         v-render-emojis="account.emojis"
         class="mt-4 max-h-72 overflow-y-auto"
     />
-    <Separator v-if="account.fields.length > 0" class="mt-4"/>
+    <Separator v-if="account.fields.length > 0" class="mt-4" />
     <ProfileFields
         v-if="account.fields.length > 0"
         :fields="account.fields"
diff --git a/app/components/profiles/tiny-card.vue b/app/components/profiles/tiny-card.vue
index 2277ed1..e813af1 100644
--- a/app/components/profiles/tiny-card.vue
+++ b/app/components/profiles/tiny-card.vue
@@ -12,7 +12,7 @@
             <Text class="font-semibold" v-render-emojis="account.emojis">
                 {{ account.display_name }}
             </Text>
-            <Address :username="account.username" :domain="domain"/>
+            <Address :username="account.username" :domain="domain" />
         </CardContent>
     </Card>
 </template>
diff --git a/app/components/sidebars/account/account-manager.vue b/app/components/sidebars/account/account-manager.vue
index 0ad8fac..06ffd4c 100644
--- a/app/components/sidebars/account/account-manager.vue
+++ b/app/components/sidebars/account/account-manager.vue
@@ -1,7 +1,7 @@
 <template>
     <Dialog>
         <DialogTrigger as-child>
-            <slot/>
+            <slot />
         </DialogTrigger>
         <DialogContent>
             <DialogHeader>
@@ -35,7 +35,7 @@
                         size="icon"
                         :title="m.sharp_big_mallard_reap()"
                     >
-                        <LogOut/>
+                        <LogOut />
                     </Button>
                 </div>
             </div>
@@ -46,11 +46,11 @@
             </div>
             <DialogFooter>
                 <Button :as="NuxtLink" href="/register" variant="outline">
-                    <UserPlus/>
+                    <UserPlus />
                     {{ m.honest_few_baboon_pop() }}
                 </Button>
                 <Button @click="signInAction">
-                    <LogIn/>
+                    <LogIn />
                     {{ m.sunny_pink_hyena_walk() }}
                 </Button>
             </DialogFooter>
diff --git a/app/components/sidebars/footer/footer-actions.vue b/app/components/sidebars/footer/footer-actions.vue
index d0e89c1..c906897 100644
--- a/app/components/sidebars/footer/footer-actions.vue
+++ b/app/components/sidebars/footer/footer-actions.vue
@@ -35,12 +35,12 @@ const authStore = useAuthStore();
                             :domain="authStore.instance.domain"
                             naked
                         />
-                        <ChevronsUpDown class="ml-auto size-4"/>
+                        <ChevronsUpDown class="ml-auto size-4" />
                     </SidebarMenuButton>
                     <SidebarMenuButton v-else>
-                        <UserPlus/>
+                        <UserPlus />
                         {{ m.sunny_pink_hyena_walk() }}
-                        <ChevronsUpDown class="ml-auto size-4"/>
+                        <ChevronsUpDown class="ml-auto size-4" />
                     </SidebarMenuButton>
                 </AccountManager>
             </SidebarMenuItem>
@@ -52,7 +52,7 @@ const authStore = useAuthStore();
                     class="w-full group-data-[collapsible=icon]:px-4"
                     @click="useEvent('composer:open')"
                 >
-                    <Pen/>
+                    <Pen />
                     <span class="group-data-[collapsible=icon]:hidden">
                         {{ m.salty_aloof_turkey_nudge() }}
                     </span>
@@ -63,7 +63,7 @@ const authStore = useAuthStore();
                     variant="secondary"
                     @click="useEvent('preferences:open')"
                 >
-                    <Cog/>
+                    <Cog />
                     Preferences
                 </Button>
                 <Button
@@ -73,7 +73,7 @@ const authStore = useAuthStore();
                     class="w-full group-data-[collapsible=icon]:px-4"
                     @click="$pwa?.updateServiceWorker(true)"
                 >
-                    <DownloadCloud/>
+                    <DownloadCloud />
                     <span class="group-data-[collapsible=icon]:hidden">
                         {{ m.quaint_low_felix_pave() }}
                     </span>
diff --git a/app/components/sidebars/left-sidebar.vue b/app/components/sidebars/left-sidebar.vue
index 68cd2f9..e9332de 100644
--- a/app/components/sidebars/left-sidebar.vue
+++ b/app/components/sidebars/left-sidebar.vue
@@ -1,12 +1,10 @@
 <template>
     <Sidebar collapsible="offcanvas">
-        <InstanceHeader/>
+        <InstanceHeader />
         <SidebarContent>
             <SidebarGroup>
                 <SidebarGroupLabel>
-                    {{
-                    m.trite_real_sawfish_drum()
-                }}
+                    {{ m.trite_real_sawfish_drum() }}
                 </SidebarGroupLabel>
                 <NavItems
                     :items="
@@ -17,8 +15,8 @@
                 />
             </SidebarGroup>
         </SidebarContent>
-        <FooterActions/>
-        <SidebarRail/>
+        <FooterActions />
+        <SidebarRail />
     </Sidebar>
 </template>
 
diff --git a/app/components/sidebars/navigation/nav-group.vue b/app/components/sidebars/navigation/nav-group.vue
index f20a765..0f588f2 100644
--- a/app/components/sidebars/navigation/nav-group.vue
+++ b/app/components/sidebars/navigation/nav-group.vue
@@ -32,7 +32,7 @@ defineProps<{
             <SidebarMenuItem>
                 <CollapsibleTrigger as-child>
                     <SidebarMenuButton :tooltip="item.title">
-                        <component :is="item.icon"/>
+                        <component :is="item.icon" />
                         {{ item.title }}
                         <ChevronRight
                             class="ml-auto transition-transform group-data-[state=open]/collapsible:rotate-180"
diff --git a/app/components/sidebars/navigation/nav-items.vue b/app/components/sidebars/navigation/nav-items.vue
index 091ed2e..6eb93f1 100644
--- a/app/components/sidebars/navigation/nav-items.vue
+++ b/app/components/sidebars/navigation/nav-items.vue
@@ -16,7 +16,7 @@ defineProps<{
         <SidebarMenuItem v-for="item in items" :key="item.title">
             <SidebarMenuButton as-child>
                 <NuxtLink :href="item.url">
-                    <component :is="item.icon"/>
+                    <component :is="item.icon" />
                     <span>{{ item.title }}</span>
                 </NuxtLink>
             </SidebarMenuButton>
diff --git a/app/components/sidebars/right-sidebar.vue b/app/components/sidebars/right-sidebar.vue
index 1731192..ed05c94 100644
--- a/app/components/sidebars/right-sidebar.vue
+++ b/app/components/sidebars/right-sidebar.vue
@@ -6,7 +6,7 @@
         style="--sidebar-width: 24rem; --sidebar-width-mobile: 18rem"
     >
         <SidebarContent class="overflow-y-auto *:p-2 *:gap-2">
-            <NotificationsTimeline/>
+            <NotificationsTimeline />
         </SidebarContent>
     </Sidebar>
 </template>
diff --git a/app/components/sidebars/sidebar.vue b/app/components/sidebars/sidebar.vue
index e3dc292..37575e9 100644
--- a/app/components/sidebars/sidebar.vue
+++ b/app/components/sidebars/sidebar.vue
@@ -14,15 +14,15 @@ const authStore = useAuthStore();
 </script>
 
 <template>
-    <LeftSidebar/>
+    <LeftSidebar />
     <main class="grow h-dvh overflow-y-auto">
         <header
             v-if="showTimelines"
             class="flex h-16 items-center bg-background/80 backdrop-blur-2xl sticky top-0 inset-x-0 z-10 p-4"
         >
-            <Timelines/>
+            <Timelines />
         </header>
-        <slot/>
+        <slot />
     </main>
     <RightSidebar
         v-if="authStore.isSignedIn"
diff --git a/app/components/timelines/timeline-scroller.vue b/app/components/timelines/timeline-scroller.vue
index fcdc555..7c3f21f 100644
--- a/app/components/timelines/timeline-scroller.vue
+++ b/app/components/timelines/timeline-scroller.vue
@@ -1,5 +1,5 @@
 <template>
-    <slot/>
+    <slot />
 </template>
 
 <script lang="ts" setup>
diff --git a/app/components/timelines/timeline.vue b/app/components/timelines/timeline.vue
index b6aa366..fd50c5a 100644
--- a/app/components/timelines/timeline.vue
+++ b/app/components/timelines/timeline.vue
@@ -12,12 +12,12 @@
             @delete="removeItem"
         />
 
-        <Spinner v-if="isLoading"/>
+        <Spinner v-if="isLoading" />
 
         <div v-if="error" class="timeline-error">{{ error.message }}</div>
 
         <!-- If there are no posts at all -->
-        <NoPosts v-else-if="hasReachedEnd && items.length === 0"/>
+        <NoPosts v-else-if="hasReachedEnd && items.length === 0" />
 
         <div v-else-if="!preferences.infinite_scroll" class="py-10 px-4">
             <Button
diff --git a/app/components/typography/bold.vue b/app/components/typography/bold.vue
index 5c28f1e..a36d885 100644
--- a/app/components/typography/bold.vue
+++ b/app/components/typography/bold.vue
@@ -18,6 +18,6 @@ const props = withDefaults(defineProps<Props>(), {
         :as-child="asChild"
         :class="cn('font-semibold', props.class)"
     >
-        <slot/>
+        <slot />
     </Primitive>
 </template>
diff --git a/app/components/typography/headings/large.vue b/app/components/typography/headings/large.vue
index 3a0c6a7..d28d4de 100644
--- a/app/components/typography/headings/large.vue
+++ b/app/components/typography/headings/large.vue
@@ -18,6 +18,6 @@ const props = withDefaults(defineProps<Props>(), {
         :as-child="asChild"
         :class="cn('text-4xl font-extrabold tracking-tight text-balance', props.class)"
     >
-        <slot/>
+        <slot />
     </Primitive>
 </template>
diff --git a/app/components/typography/headings/medium.vue b/app/components/typography/headings/medium.vue
index 6164975..ce6a6b5 100644
--- a/app/components/typography/headings/medium.vue
+++ b/app/components/typography/headings/medium.vue
@@ -18,6 +18,6 @@ const props = withDefaults(defineProps<Props>(), {
         :as-child="asChild"
         :class="cn('text-3xl font-semibold tracking-tight', props.class)"
     >
-        <slot/>
+        <slot />
     </Primitive>
 </template>
diff --git a/app/components/typography/headings/small.vue b/app/components/typography/headings/small.vue
index a640baa..12c7f79 100644
--- a/app/components/typography/headings/small.vue
+++ b/app/components/typography/headings/small.vue
@@ -18,6 +18,6 @@ const props = withDefaults(defineProps<Props>(), {
         :as-child="asChild"
         :class="cn('text-sm font-semibold tracking-tight', props.class)"
     >
-        <slot/>
+        <slot />
     </Primitive>
 </template>
diff --git a/app/components/typography/html.vue b/app/components/typography/html.vue
index c9491ed..82784dc 100644
--- a/app/components/typography/html.vue
+++ b/app/components/typography/html.vue
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
         :as-child="asChild"
         :class="cn('prose prose-sm block relative dark:prose-invert duration-200 !max-w-full break-words prose-a:no-underline prose-a:hover:underline', $style.content, props.class)"
     >
-        <slot/>
+        <slot />
     </Primitive>
 </template>
 
diff --git a/app/components/typography/layout/col.vue b/app/components/typography/layout/col.vue
index ea1d893..b2fb517 100644
--- a/app/components/typography/layout/col.vue
+++ b/app/components/typography/layout/col.vue
@@ -20,6 +20,6 @@ const props = withDefaults(defineProps<Props>(), {
         :as-child="asChild"
         :class="cn('flex flex-col', props.wrap && 'flex-wrap', props.class, props.centered && 'items-center')"
     >
-        <slot/>
+        <slot />
     </Primitive>
 </template>
diff --git a/app/components/typography/layout/row.vue b/app/components/typography/layout/row.vue
index 44bef4d..5ad2b89 100644
--- a/app/components/typography/layout/row.vue
+++ b/app/components/typography/layout/row.vue
@@ -20,6 +20,6 @@ const props = withDefaults(defineProps<Props>(), {
         :as-child="asChild"
         :class="cn('flex flex-row', props.wrap && 'flex-wrap', props.class, props.centered && 'items-center')"
     >
-        <slot/>
+        <slot />
     </Primitive>
 </template>
diff --git a/app/components/typography/small.vue b/app/components/typography/small.vue
index d2c1884..abbc3c2 100644
--- a/app/components/typography/small.vue
+++ b/app/components/typography/small.vue
@@ -19,6 +19,6 @@ const props = withDefaults(defineProps<Props>(), {
         :as-child="asChild"
         :class="cn('text-xs', props.class, props.muted && 'text-muted-foreground')"
     >
-        <slot/>
+        <slot />
     </Primitive>
 </template>
diff --git a/app/components/typography/text.vue b/app/components/typography/text.vue
index 8a48883..b2efdcd 100644
--- a/app/components/typography/text.vue
+++ b/app/components/typography/text.vue
@@ -19,6 +19,6 @@ const props = withDefaults(defineProps<Props>(), {
         :as-child="asChild"
         :class="cn('leading-7', props.class, props.muted && 'text-muted-foreground')"
     >
-        <slot/>
+        <slot />
     </Primitive>
 </template>
diff --git a/app/components/ui/alert-dialog/AlertDialog.vue b/app/components/ui/alert-dialog/AlertDialog.vue
index df47e90..b19776c 100644
--- a/app/components/ui/alert-dialog/AlertDialog.vue
+++ b/app/components/ui/alert-dialog/AlertDialog.vue
@@ -14,6 +14,6 @@ const forwarded = useForwardPropsEmits(props, emits);
 
 <template>
     <AlertDialogRoot data-slot="alert-dialog" v-bind="forwarded">
-        <slot/>
+        <slot />
     </AlertDialogRoot>
 </template>
diff --git a/app/components/ui/alert-dialog/AlertDialogAction.vue b/app/components/ui/alert-dialog/AlertDialogAction.vue
index 23a4ff1..4d9a01b 100644
--- a/app/components/ui/alert-dialog/AlertDialogAction.vue
+++ b/app/components/ui/alert-dialog/AlertDialogAction.vue
@@ -20,6 +20,6 @@ const delegatedProps = computed(() => {
         v-bind="delegatedProps"
         :class="cn(buttonVariants(), props.class)"
     >
-        <slot/>
+        <slot />
     </AlertDialogAction>
 </template>
diff --git a/app/components/ui/alert-dialog/AlertDialogCancel.vue b/app/components/ui/alert-dialog/AlertDialogCancel.vue
index cd9102a..762e8d3 100644
--- a/app/components/ui/alert-dialog/AlertDialogCancel.vue
+++ b/app/components/ui/alert-dialog/AlertDialogCancel.vue
@@ -24,6 +24,6 @@ const delegatedProps = computed(() => {
       props.class,
     )"
     >
-        <slot/>
+        <slot />
     </AlertDialogCancel>
 </template>
diff --git a/app/components/ui/alert-dialog/AlertDialogContent.vue b/app/components/ui/alert-dialog/AlertDialogContent.vue
index 3c556c0..d452a9a 100644
--- a/app/components/ui/alert-dialog/AlertDialogContent.vue
+++ b/app/components/ui/alert-dialog/AlertDialogContent.vue
@@ -40,7 +40,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
         )
       "
         >
-            <slot/>
+            <slot />
         </AlertDialogContent>
     </AlertDialogPortal>
 </template>
diff --git a/app/components/ui/alert-dialog/AlertDialogDescription.vue b/app/components/ui/alert-dialog/AlertDialogDescription.vue
index 457ef25..4f866d9 100644
--- a/app/components/ui/alert-dialog/AlertDialogDescription.vue
+++ b/app/components/ui/alert-dialog/AlertDialogDescription.vue
@@ -23,6 +23,6 @@ const delegatedProps = computed(() => {
         v-bind="delegatedProps"
         :class="cn('text-muted-foreground text-sm', props.class)"
     >
-        <slot/>
+        <slot />
     </AlertDialogDescription>
 </template>
diff --git a/app/components/ui/alert-dialog/AlertDialogFooter.vue b/app/components/ui/alert-dialog/AlertDialogFooter.vue
index 9376d30..1d69278 100644
--- a/app/components/ui/alert-dialog/AlertDialogFooter.vue
+++ b/app/components/ui/alert-dialog/AlertDialogFooter.vue
@@ -17,6 +17,6 @@ const props = defineProps<{
       )
     "
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/alert-dialog/AlertDialogHeader.vue b/app/components/ui/alert-dialog/AlertDialogHeader.vue
index 47875fe..3c9d717 100644
--- a/app/components/ui/alert-dialog/AlertDialogHeader.vue
+++ b/app/components/ui/alert-dialog/AlertDialogHeader.vue
@@ -12,6 +12,6 @@ const props = defineProps<{
         data-slot="alert-dialog-header"
         :class="cn('flex flex-col gap-2 text-center sm:text-left', props.class)"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/alert-dialog/AlertDialogTitle.vue b/app/components/ui/alert-dialog/AlertDialogTitle.vue
index c70af90..39673c0 100644
--- a/app/components/ui/alert-dialog/AlertDialogTitle.vue
+++ b/app/components/ui/alert-dialog/AlertDialogTitle.vue
@@ -20,6 +20,6 @@ const delegatedProps = computed(() => {
         v-bind="delegatedProps"
         :class="cn('text-lg font-semibold', props.class)"
     >
-        <slot/>
+        <slot />
     </AlertDialogTitle>
 </template>
diff --git a/app/components/ui/alert-dialog/AlertDialogTrigger.vue b/app/components/ui/alert-dialog/AlertDialogTrigger.vue
index e611242..2a4efa5 100644
--- a/app/components/ui/alert-dialog/AlertDialogTrigger.vue
+++ b/app/components/ui/alert-dialog/AlertDialogTrigger.vue
@@ -6,6 +6,6 @@ const props = defineProps<AlertDialogTriggerProps>();
 
 <template>
     <AlertDialogTrigger data-slot="alert-dialog-trigger" v-bind="props">
-        <slot/>
+        <slot />
     </AlertDialogTrigger>
 </template>
diff --git a/app/components/ui/alert/Alert.vue b/app/components/ui/alert/Alert.vue
index dc11ee6..d535150 100644
--- a/app/components/ui/alert/Alert.vue
+++ b/app/components/ui/alert/Alert.vue
@@ -15,6 +15,6 @@ const props = defineProps<{
         :class="cn(alertVariants({ variant }), props.class)"
         role="alert"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/alert/AlertDescription.vue b/app/components/ui/alert/AlertDescription.vue
index d51f9cd..586e84f 100644
--- a/app/components/ui/alert/AlertDescription.vue
+++ b/app/components/ui/alert/AlertDescription.vue
@@ -12,6 +12,6 @@ const props = defineProps<{
         data-slot="alert-description"
         :class="cn('text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', props.class)"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/alert/AlertTitle.vue b/app/components/ui/alert/AlertTitle.vue
index 7db5444..f02450d 100644
--- a/app/components/ui/alert/AlertTitle.vue
+++ b/app/components/ui/alert/AlertTitle.vue
@@ -12,6 +12,6 @@ const props = defineProps<{
         data-slot="alert-title"
         :class="cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', props.class)"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/avatar/Avatar.vue b/app/components/ui/avatar/Avatar.vue
index a1d5c32..f201fc6 100644
--- a/app/components/ui/avatar/Avatar.vue
+++ b/app/components/ui/avatar/Avatar.vue
@@ -13,6 +13,6 @@ const props = defineProps<{
         data-slot="avatar"
         :class="cn('relative flex size-8 shrink-0 overflow-hidden rounded-full', props.class)"
     >
-        <slot/>
+        <slot />
     </AvatarRoot>
 </template>
diff --git a/app/components/ui/avatar/AvatarFallback.vue b/app/components/ui/avatar/AvatarFallback.vue
index f51041c..4a814db 100644
--- a/app/components/ui/avatar/AvatarFallback.vue
+++ b/app/components/ui/avatar/AvatarFallback.vue
@@ -20,6 +20,6 @@ const delegatedProps = computed(() => {
         v-bind="delegatedProps"
         :class="cn('bg-muted flex size-full items-center justify-center', props.class)"
     >
-        <slot/>
+        <slot />
     </AvatarFallback>
 </template>
diff --git a/app/components/ui/avatar/AvatarImage.vue b/app/components/ui/avatar/AvatarImage.vue
index becc18b..5bd9c3b 100644
--- a/app/components/ui/avatar/AvatarImage.vue
+++ b/app/components/ui/avatar/AvatarImage.vue
@@ -11,6 +11,6 @@ const props = defineProps<AvatarImageProps>();
         v-bind="props"
         class="aspect-square size-full"
     >
-        <slot/>
+        <slot />
     </AvatarImage>
 </template>
diff --git a/app/components/ui/badge/Badge.vue b/app/components/ui/badge/Badge.vue
index 5dc88ec..8486be3 100644
--- a/app/components/ui/badge/Badge.vue
+++ b/app/components/ui/badge/Badge.vue
@@ -25,6 +25,6 @@ const delegatedProps = computed(() => {
         :class="cn(badgeVariants({ variant }), props.class)"
         v-bind="delegatedProps"
     >
-        <slot/>
+        <slot />
     </Primitive>
 </template>
diff --git a/app/components/ui/button/Button.vue b/app/components/ui/button/Button.vue
index d1e9c34..9997ca9 100644
--- a/app/components/ui/button/Button.vue
+++ b/app/components/ui/button/Button.vue
@@ -22,6 +22,6 @@ const props = withDefaults(defineProps<Props>(), {
         :as-child="asChild"
         :class="cn(buttonVariants({ variant, size }), props.class)"
     >
-        <slot/>
+        <slot />
     </Primitive>
 </template>
diff --git a/app/components/ui/card/Card.vue b/app/components/ui/card/Card.vue
index 94a3750..862aa3c 100644
--- a/app/components/ui/card/Card.vue
+++ b/app/components/ui/card/Card.vue
@@ -16,6 +16,6 @@ const props = defineProps<{
     )
         "
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/card/CardAction.vue b/app/components/ui/card/CardAction.vue
index b7a333a..79d7e63 100644
--- a/app/components/ui/card/CardAction.vue
+++ b/app/components/ui/card/CardAction.vue
@@ -12,6 +12,6 @@ const props = defineProps<{
         data-slot="card-action"
         :class="cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', props.class)"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/card/CardContent.vue b/app/components/ui/card/CardContent.vue
index 3290c35..6e08e53 100644
--- a/app/components/ui/card/CardContent.vue
+++ b/app/components/ui/card/CardContent.vue
@@ -9,6 +9,6 @@ const props = defineProps<{
 
 <template>
     <div data-slot="card-content" :class="cn('flex flex-col', props.class)">
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/card/CardDescription.vue b/app/components/ui/card/CardDescription.vue
index 318ecba..6a3586d 100644
--- a/app/components/ui/card/CardDescription.vue
+++ b/app/components/ui/card/CardDescription.vue
@@ -12,6 +12,6 @@ const props = defineProps<{
         data-slot="card-description"
         :class="cn('text-muted-foreground text-sm', props.class)"
     >
-        <slot/>
+        <slot />
     </p>
 </template>
diff --git a/app/components/ui/card/CardFooter.vue b/app/components/ui/card/CardFooter.vue
index 902d32c..068335d 100644
--- a/app/components/ui/card/CardFooter.vue
+++ b/app/components/ui/card/CardFooter.vue
@@ -12,6 +12,6 @@ const props = defineProps<{
         data-slot="card-footer"
         :class="cn('flex items-center [.border-t]:pt-6', props.class)"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/card/CardHeader.vue b/app/components/ui/card/CardHeader.vue
index 7c0e1ec..04837e4 100644
--- a/app/components/ui/card/CardHeader.vue
+++ b/app/components/ui/card/CardHeader.vue
@@ -12,6 +12,6 @@ const props = defineProps<{
         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/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/card/CardTitle.vue b/app/components/ui/card/CardTitle.vue
index b1e5cb7..ca30d8c 100644
--- a/app/components/ui/card/CardTitle.vue
+++ b/app/components/ui/card/CardTitle.vue
@@ -12,6 +12,6 @@ const props = defineProps<{
         data-slot="card-title"
         :class="cn('leading-none font-semibold', props.class)"
     >
-        <slot/>
+        <slot />
     </h3>
 </template>
diff --git a/app/components/ui/checkbox/Checkbox.vue b/app/components/ui/checkbox/Checkbox.vue
index da81ea7..452f9c4 100644
--- a/app/components/ui/checkbox/Checkbox.vue
+++ b/app/components/ui/checkbox/Checkbox.vue
@@ -32,10 +32,10 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
             class="flex items-center justify-center text-current transition-none"
         >
             <slot>
-                <Check class="size-3.5"/>
+                <Check class="size-3.5" />
             </slot>
         </CheckboxIndicator>
         <!-- Fixes an issue where empty buttons behave weirdly in tanstack table layouts -->
-        <Check class="size-3.5 opacity-0"/>
+        <Check class="size-3.5 opacity-0" />
     </CheckboxRoot>
 </template>
diff --git a/app/components/ui/collapsible/Collapsible.vue b/app/components/ui/collapsible/Collapsible.vue
index 815f3b7..7d2c081 100644
--- a/app/components/ui/collapsible/Collapsible.vue
+++ b/app/components/ui/collapsible/Collapsible.vue
@@ -14,6 +14,6 @@ const forwarded = useForwardPropsEmits(props, emits);
         data-slot="collapsible"
         v-bind="forwarded"
     >
-        <slot :open="open"/>
+        <slot :open="open" />
     </CollapsibleRoot>
 </template>
diff --git a/app/components/ui/collapsible/CollapsibleContent.vue b/app/components/ui/collapsible/CollapsibleContent.vue
index 8ee1e8d..1a8c841 100644
--- a/app/components/ui/collapsible/CollapsibleContent.vue
+++ b/app/components/ui/collapsible/CollapsibleContent.vue
@@ -6,6 +6,6 @@ const props = defineProps<CollapsibleContentProps>();
 
 <template>
     <CollapsibleContent data-slot="collapsible-content" v-bind="props">
-        <slot/>
+        <slot />
     </CollapsibleContent>
 </template>
diff --git a/app/components/ui/collapsible/CollapsibleTrigger.vue b/app/components/ui/collapsible/CollapsibleTrigger.vue
index 8032ecf..2b7e8fd 100644
--- a/app/components/ui/collapsible/CollapsibleTrigger.vue
+++ b/app/components/ui/collapsible/CollapsibleTrigger.vue
@@ -6,6 +6,6 @@ const props = defineProps<CollapsibleTriggerProps>();
 
 <template>
     <CollapsibleTrigger data-slot="collapsible-trigger" v-bind="props">
-        <slot/>
+        <slot />
     </CollapsibleTrigger>
 </template>
diff --git a/app/components/ui/command/Command.vue b/app/components/ui/command/Command.vue
index c1ccfc3..641f4d3 100644
--- a/app/components/ui/command/Command.vue
+++ b/app/components/ui/command/Command.vue
@@ -95,6 +95,6 @@ provideCommandContext({
         v-bind="forwarded"
         :class="cn('bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md', props.class)"
     >
-        <slot/>
+        <slot />
     </ListboxRoot>
 </template>
diff --git a/app/components/ui/command/CommandDialog.vue b/app/components/ui/command/CommandDialog.vue
index efe7a23..b565779 100644
--- a/app/components/ui/command/CommandDialog.vue
+++ b/app/components/ui/command/CommandDialog.vue
@@ -35,7 +35,7 @@ const forwarded = useForwardPropsEmits(props, emits);
         </DialogHeader>
         <DialogContent class="overflow-hidden p-0 ">
             <Command>
-                <slot/>
+                <slot />
             </Command>
         </DialogContent>
     </Dialog>
diff --git a/app/components/ui/command/CommandEmpty.vue b/app/components/ui/command/CommandEmpty.vue
index ac7eace..72d6957 100644
--- a/app/components/ui/command/CommandEmpty.vue
+++ b/app/components/ui/command/CommandEmpty.vue
@@ -28,6 +28,6 @@ const isRender = computed(
         v-bind="delegatedProps"
         :class="cn('py-6 text-center text-sm', props.class)"
     >
-        <slot/>
+        <slot />
     </Primitive>
 </template>
diff --git a/app/components/ui/command/CommandGroup.vue b/app/components/ui/command/CommandGroup.vue
index 27f521c..518960d 100644
--- a/app/components/ui/command/CommandGroup.vue
+++ b/app/components/ui/command/CommandGroup.vue
@@ -50,6 +50,6 @@ onUnmounted(() => {
         >
             {{ heading }}
         </ListboxGroupLabel>
-        <slot/>
+        <slot />
     </ListboxGroup>
 </template>
diff --git a/app/components/ui/command/CommandInput.vue b/app/components/ui/command/CommandInput.vue
index a50280d..c5c0171 100644
--- a/app/components/ui/command/CommandInput.vue
+++ b/app/components/ui/command/CommandInput.vue
@@ -35,7 +35,7 @@ const { filterState } = useCommand();
         data-slot="command-input-wrapper"
         class="flex h-12 items-center gap-2 border-b px-3"
     >
-        <Search class="size-4 shrink-0 opacity-50"/>
+        <Search class="size-4 shrink-0 opacity-50" />
         <ListboxFilter
             v-bind="{ ...forwardedProps, ...$attrs }"
             v-model="filterState.search"
diff --git a/app/components/ui/command/CommandItem.vue b/app/components/ui/command/CommandItem.vue
index 4a3994f..d39760f 100644
--- a/app/components/ui/command/CommandItem.vue
+++ b/app/components/ui/command/CommandItem.vue
@@ -84,6 +84,6 @@ onUnmounted(() => {
       filterState.search = ''
     }"
     >
-        <slot/>
+        <slot />
     </ListboxItem>
 </template>
diff --git a/app/components/ui/command/CommandList.vue b/app/components/ui/command/CommandList.vue
index 6195560..5e6baed 100644
--- a/app/components/ui/command/CommandList.vue
+++ b/app/components/ui/command/CommandList.vue
@@ -24,7 +24,7 @@ const forwarded = useForwardProps(delegatedProps);
         :class="cn('max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto', props.class)"
     >
         <div role="presentation">
-            <slot/>
+            <slot />
         </div>
     </ListboxContent>
 </template>
diff --git a/app/components/ui/command/CommandSeparator.vue b/app/components/ui/command/CommandSeparator.vue
index f020c80..765cda0 100644
--- a/app/components/ui/command/CommandSeparator.vue
+++ b/app/components/ui/command/CommandSeparator.vue
@@ -21,6 +21,6 @@ const delegatedProps = computed(() => {
         v-bind="delegatedProps"
         :class="cn('bg-border -mx-1 h-px', props.class)"
     >
-        <slot/>
+        <slot />
     </Separator>
 </template>
diff --git a/app/components/ui/command/CommandShortcut.vue b/app/components/ui/command/CommandShortcut.vue
index 1b6b2e7..397e43f 100644
--- a/app/components/ui/command/CommandShortcut.vue
+++ b/app/components/ui/command/CommandShortcut.vue
@@ -12,6 +12,6 @@ const props = defineProps<{
         data-slot="command-shortcut"
         :class="cn('text-muted-foreground ml-auto text-xs tracking-widest', props.class)"
     >
-        <slot/>
+        <slot />
     </span>
 </template>
diff --git a/app/components/ui/dialog/Dialog.vue b/app/components/ui/dialog/Dialog.vue
index 0772c97..e7755d1 100644
--- a/app/components/ui/dialog/Dialog.vue
+++ b/app/components/ui/dialog/Dialog.vue
@@ -14,6 +14,6 @@ const forwarded = useForwardPropsEmits(props, emits);
 
 <template>
     <DialogRoot data-slot="dialog" v-bind="forwarded">
-        <slot/>
+        <slot />
     </DialogRoot>
 </template>
diff --git a/app/components/ui/dialog/DialogClose.vue b/app/components/ui/dialog/DialogClose.vue
index f883d10..4b5c87a 100644
--- a/app/components/ui/dialog/DialogClose.vue
+++ b/app/components/ui/dialog/DialogClose.vue
@@ -6,6 +6,6 @@ const props = defineProps<DialogCloseProps>();
 
 <template>
     <DialogClose data-slot="dialog-close" v-bind="props">
-        <slot/>
+        <slot />
     </DialogClose>
 </template>
diff --git a/app/components/ui/dialog/DialogContent.vue b/app/components/ui/dialog/DialogContent.vue
index fa1d575..d4f461d 100644
--- a/app/components/ui/dialog/DialogContent.vue
+++ b/app/components/ui/dialog/DialogContent.vue
@@ -31,7 +31,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 
 <template>
     <DialogPortal>
-        <DialogOverlay/>
+        <DialogOverlay />
         <DialogContent
             data-slot="dialog-content"
             v-bind="forwarded"
@@ -41,13 +41,13 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
           props.class,
         )"
         >
-            <slot/>
+            <slot />
 
             <DialogClose
                 v-if="!hideClose"
                 class="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
             >
-                <X/>
+                <X />
                 <span class="sr-only">Close</span>
             </DialogClose>
         </DialogContent>
diff --git a/app/components/ui/dialog/DialogDescription.vue b/app/components/ui/dialog/DialogDescription.vue
index 043349e..e3a6691 100644
--- a/app/components/ui/dialog/DialogDescription.vue
+++ b/app/components/ui/dialog/DialogDescription.vue
@@ -26,6 +26,6 @@ const forwardedProps = useForwardProps(delegatedProps);
         v-bind="forwardedProps"
         :class="cn('text-muted-foreground text-sm', props.class)"
     >
-        <slot/>
+        <slot />
     </DialogDescription>
 </template>
diff --git a/app/components/ui/dialog/DialogFooter.vue b/app/components/ui/dialog/DialogFooter.vue
index eda33d9..1774876 100644
--- a/app/components/ui/dialog/DialogFooter.vue
+++ b/app/components/ui/dialog/DialogFooter.vue
@@ -10,6 +10,6 @@ const props = defineProps<{ class?: HTMLAttributes["class"] }>();
         data-slot="dialog-footer"
         :class="cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', props.class)"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/dialog/DialogHeader.vue b/app/components/ui/dialog/DialogHeader.vue
index 8259d93..5e657b6 100644
--- a/app/components/ui/dialog/DialogHeader.vue
+++ b/app/components/ui/dialog/DialogHeader.vue
@@ -12,6 +12,6 @@ const props = defineProps<{
         data-slot="dialog-header"
         :class="cn('flex flex-col gap-2 text-center sm:text-left', props.class)"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/dialog/DialogOverlay.vue b/app/components/ui/dialog/DialogOverlay.vue
index e913ce0..82461d5 100644
--- a/app/components/ui/dialog/DialogOverlay.vue
+++ b/app/components/ui/dialog/DialogOverlay.vue
@@ -20,6 +20,6 @@ const delegatedProps = computed(() => {
         v-bind="delegatedProps"
         :class="cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80 backdrop-blur-md', props.class)"
     >
-        <slot/>
+        <slot />
     </DialogOverlay>
 </template>
diff --git a/app/components/ui/dialog/DialogScrollContent.vue b/app/components/ui/dialog/DialogScrollContent.vue
index d03e179..6ebbf07 100644
--- a/app/components/ui/dialog/DialogScrollContent.vue
+++ b/app/components/ui/dialog/DialogScrollContent.vue
@@ -47,12 +47,12 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
           }
         }"
             >
-                <slot/>
+                <slot />
 
                 <DialogClose
                     class="absolute top-4 right-4 p-0.5 transition-colors rounded-md hover:bg-secondary"
                 >
-                    <X class="w-4 h-4"/>
+                    <X class="w-4 h-4" />
                     <span class="sr-only">Close</span>
                 </DialogClose>
             </DialogContent>
diff --git a/app/components/ui/dialog/DialogTitle.vue b/app/components/ui/dialog/DialogTitle.vue
index cb7ca3a..456c31a 100644
--- a/app/components/ui/dialog/DialogTitle.vue
+++ b/app/components/ui/dialog/DialogTitle.vue
@@ -22,6 +22,6 @@ const forwardedProps = useForwardProps(delegatedProps);
         v-bind="forwardedProps"
         :class="cn('text-lg leading-none font-semibold', props.class)"
     >
-        <slot/>
+        <slot />
     </DialogTitle>
 </template>
diff --git a/app/components/ui/dialog/DialogTrigger.vue b/app/components/ui/dialog/DialogTrigger.vue
index b02e279..c3cc75c 100644
--- a/app/components/ui/dialog/DialogTrigger.vue
+++ b/app/components/ui/dialog/DialogTrigger.vue
@@ -6,6 +6,6 @@ const props = defineProps<DialogTriggerProps>();
 
 <template>
     <DialogTrigger data-slot="dialog-trigger" v-bind="props">
-        <slot/>
+        <slot />
     </DialogTrigger>
 </template>
diff --git a/app/components/ui/drawer/Drawer.vue b/app/components/ui/drawer/Drawer.vue
index b93231b..6784d89 100644
--- a/app/components/ui/drawer/Drawer.vue
+++ b/app/components/ui/drawer/Drawer.vue
@@ -14,6 +14,6 @@ const forwarded = useForwardPropsEmits(props, emits);
 
 <template>
     <DrawerRoot data-slot="drawer" v-bind="forwarded">
-        <slot/>
+        <slot />
     </DrawerRoot>
 </template>
diff --git a/app/components/ui/drawer/DrawerClose.vue b/app/components/ui/drawer/DrawerClose.vue
index 8ef0496..6ca86ab 100644
--- a/app/components/ui/drawer/DrawerClose.vue
+++ b/app/components/ui/drawer/DrawerClose.vue
@@ -7,6 +7,6 @@ const props = defineProps<DrawerCloseProps>();
 
 <template>
     <DrawerClose data-slot="drawer-close" v-bind="props">
-        <slot/>
+        <slot />
     </DrawerClose>
 </template>
diff --git a/app/components/ui/drawer/DrawerContent.vue b/app/components/ui/drawer/DrawerContent.vue
index cf53cc3..67e6a16 100644
--- a/app/components/ui/drawer/DrawerContent.vue
+++ b/app/components/ui/drawer/DrawerContent.vue
@@ -16,7 +16,7 @@ const forwarded = useForwardPropsEmits(props, emits);
 
 <template>
     <DrawerPortal>
-        <DrawerOverlay/>
+        <DrawerOverlay />
         <DrawerContent
             data-slot="drawer-content"
             v-bind="forwarded"
@@ -32,7 +32,7 @@ const forwarded = useForwardPropsEmits(props, emits);
             <div
                 class="bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block"
             />
-            <slot/>
+            <slot />
         </DrawerContent>
     </DrawerPortal>
 </template>
diff --git a/app/components/ui/drawer/DrawerDescription.vue b/app/components/ui/drawer/DrawerDescription.vue
index d4870ae..a055a07 100644
--- a/app/components/ui/drawer/DrawerDescription.vue
+++ b/app/components/ui/drawer/DrawerDescription.vue
@@ -21,6 +21,6 @@ const delegatedProps = computed(() => {
         v-bind="delegatedProps"
         :class="cn('text-muted-foreground text-sm', props.class)"
     >
-        <slot/>
+        <slot />
     </DrawerDescription>
 </template>
diff --git a/app/components/ui/drawer/DrawerFooter.vue b/app/components/ui/drawer/DrawerFooter.vue
index bb610bb..48e9e08 100644
--- a/app/components/ui/drawer/DrawerFooter.vue
+++ b/app/components/ui/drawer/DrawerFooter.vue
@@ -12,6 +12,6 @@ const props = defineProps<{
         data-slot="drawer-footer"
         :class="cn('mt-auto flex flex-col gap-2 p-4', props.class)"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/drawer/DrawerHeader.vue b/app/components/ui/drawer/DrawerHeader.vue
index 79c88a9..c3cb196 100644
--- a/app/components/ui/drawer/DrawerHeader.vue
+++ b/app/components/ui/drawer/DrawerHeader.vue
@@ -12,6 +12,6 @@ const props = defineProps<{
         data-slot="drawer-header"
         :class="cn('flex flex-col gap-1.5 p-4', props.class)"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/drawer/DrawerTitle.vue b/app/components/ui/drawer/DrawerTitle.vue
index ad1de59..dc01294 100644
--- a/app/components/ui/drawer/DrawerTitle.vue
+++ b/app/components/ui/drawer/DrawerTitle.vue
@@ -21,6 +21,6 @@ const delegatedProps = computed(() => {
         v-bind="delegatedProps"
         :class="cn('text-foreground font-semibold', props.class)"
     >
-        <slot/>
+        <slot />
     </DrawerTitle>
 </template>
diff --git a/app/components/ui/drawer/DrawerTrigger.vue b/app/components/ui/drawer/DrawerTrigger.vue
index 9145945..c843e58 100644
--- a/app/components/ui/drawer/DrawerTrigger.vue
+++ b/app/components/ui/drawer/DrawerTrigger.vue
@@ -7,6 +7,6 @@ const props = defineProps<DrawerTriggerProps>();
 
 <template>
     <DrawerTrigger data-slot="drawer-trigger" v-bind="props">
-        <slot/>
+        <slot />
     </DrawerTrigger>
 </template>
diff --git a/app/components/ui/dropdown-menu/DropdownMenu.vue b/app/components/ui/dropdown-menu/DropdownMenu.vue
index ae6de29..0b7fad2 100644
--- a/app/components/ui/dropdown-menu/DropdownMenu.vue
+++ b/app/components/ui/dropdown-menu/DropdownMenu.vue
@@ -14,6 +14,6 @@ const forwarded = useForwardPropsEmits(props, emits);
 
 <template>
     <DropdownMenuRoot data-slot="dropdown-menu" v-bind="forwarded">
-        <slot/>
+        <slot />
     </DropdownMenuRoot>
 </template>
diff --git a/app/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue b/app/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
index d20f5df..8a2695e 100644
--- a/app/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
+++ b/app/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
@@ -37,9 +37,9 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
             class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
         >
             <DropdownMenuItemIndicator>
-                <Check class="size-4"/>
+                <Check class="size-4" />
             </DropdownMenuItemIndicator>
         </span>
-        <slot/>
+        <slot />
     </DropdownMenuCheckboxItem>
 </template>
diff --git a/app/components/ui/dropdown-menu/DropdownMenuContent.vue b/app/components/ui/dropdown-menu/DropdownMenuContent.vue
index 7ff55c7..fc53460 100644
--- a/app/components/ui/dropdown-menu/DropdownMenuContent.vue
+++ b/app/components/ui/dropdown-menu/DropdownMenuContent.vue
@@ -35,7 +35,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
             v-bind="forwarded"
             :class="cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--reka-dropdown-menu-content-available-height) min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md', props.class)"
         >
-            <slot/>
+            <slot />
         </DropdownMenuContent>
     </DropdownMenuPortal>
 </template>
diff --git a/app/components/ui/dropdown-menu/DropdownMenuGroup.vue b/app/components/ui/dropdown-menu/DropdownMenuGroup.vue
index b7b9797..93cb235 100644
--- a/app/components/ui/dropdown-menu/DropdownMenuGroup.vue
+++ b/app/components/ui/dropdown-menu/DropdownMenuGroup.vue
@@ -6,6 +6,6 @@ const props = defineProps<DropdownMenuGroupProps>();
 
 <template>
     <DropdownMenuGroup data-slot="dropdown-menu-group" v-bind="props">
-        <slot/>
+        <slot />
     </DropdownMenuGroup>
 </template>
diff --git a/app/components/ui/dropdown-menu/DropdownMenuItem.vue b/app/components/ui/dropdown-menu/DropdownMenuItem.vue
index a4edda7..68953b9 100644
--- a/app/components/ui/dropdown-menu/DropdownMenuItem.vue
+++ b/app/components/ui/dropdown-menu/DropdownMenuItem.vue
@@ -34,6 +34,6 @@ const forwardedProps = useForwardProps(delegatedProps);
         v-bind="forwardedProps"
         :class="cn(`focus:bg-accent w-full focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`, props.class)"
     >
-        <slot/>
+        <slot />
     </DropdownMenuItem>
 </template>
diff --git a/app/components/ui/dropdown-menu/DropdownMenuLabel.vue b/app/components/ui/dropdown-menu/DropdownMenuLabel.vue
index 8598eaa..1910a7f 100644
--- a/app/components/ui/dropdown-menu/DropdownMenuLabel.vue
+++ b/app/components/ui/dropdown-menu/DropdownMenuLabel.vue
@@ -26,6 +26,6 @@ const forwardedProps = useForwardProps(delegatedProps);
         v-bind="forwardedProps"
         :class="cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', props.class)"
     >
-        <slot/>
+        <slot />
     </DropdownMenuLabel>
 </template>
diff --git a/app/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue b/app/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
index 96a3cc6..8052bc4 100644
--- a/app/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
+++ b/app/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
@@ -17,6 +17,6 @@ const forwarded = useForwardPropsEmits(props, emits);
         data-slot="dropdown-menu-radio-group"
         v-bind="forwarded"
     >
-        <slot/>
+        <slot />
     </DropdownMenuRadioGroup>
 </template>
diff --git a/app/components/ui/dropdown-menu/DropdownMenuRadioItem.vue b/app/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
index bd8bac0..2d4e8c1 100644
--- a/app/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
+++ b/app/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
@@ -38,9 +38,9 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
             class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
         >
             <DropdownMenuItemIndicator>
-                <Circle class="size-2 fill-current"/>
+                <Circle class="size-2 fill-current" />
             </DropdownMenuItemIndicator>
         </span>
-        <slot/>
+        <slot />
     </DropdownMenuRadioItem>
 </template>
diff --git a/app/components/ui/dropdown-menu/DropdownMenuShortcut.vue b/app/components/ui/dropdown-menu/DropdownMenuShortcut.vue
index 18d9f8d..424573d 100644
--- a/app/components/ui/dropdown-menu/DropdownMenuShortcut.vue
+++ b/app/components/ui/dropdown-menu/DropdownMenuShortcut.vue
@@ -12,6 +12,6 @@ const props = defineProps<{
         data-slot="dropdown-menu-shortcut"
         :class="cn('text-muted-foreground ml-auto text-xs tracking-widest', props.class)"
     >
-        <slot/>
+        <slot />
     </span>
 </template>
diff --git a/app/components/ui/dropdown-menu/DropdownMenuSub.vue b/app/components/ui/dropdown-menu/DropdownMenuSub.vue
index 621c576..6f3880d 100644
--- a/app/components/ui/dropdown-menu/DropdownMenuSub.vue
+++ b/app/components/ui/dropdown-menu/DropdownMenuSub.vue
@@ -14,6 +14,6 @@ const forwarded = useForwardPropsEmits(props, emits);
 
 <template>
     <DropdownMenuSub data-slot="dropdown-menu-sub" v-bind="forwarded">
-        <slot/>
+        <slot />
     </DropdownMenuSub>
 </template>
diff --git a/app/components/ui/dropdown-menu/DropdownMenuSubContent.vue b/app/components/ui/dropdown-menu/DropdownMenuSubContent.vue
index ea43e94..4bf305e 100644
--- a/app/components/ui/dropdown-menu/DropdownMenuSubContent.vue
+++ b/app/components/ui/dropdown-menu/DropdownMenuSubContent.vue
@@ -28,6 +28,6 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
         v-bind="forwarded"
         :class="cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg', props.class)"
     >
-        <slot/>
+        <slot />
     </DropdownMenuSubContent>
 </template>
diff --git a/app/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue b/app/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
index f149be0..4bd5317 100644
--- a/app/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
+++ b/app/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
@@ -29,7 +29,7 @@ const forwardedProps = useForwardProps(delegatedProps);
       props.class,
     )"
     >
-        <slot/>
-        <ChevronRight class="ml-auto size-4"/>
+        <slot />
+        <ChevronRight class="ml-auto size-4" />
     </DropdownMenuSubTrigger>
 </template>
diff --git a/app/components/ui/dropdown-menu/DropdownMenuTrigger.vue b/app/components/ui/dropdown-menu/DropdownMenuTrigger.vue
index 7f49372..dbeb8d1 100644
--- a/app/components/ui/dropdown-menu/DropdownMenuTrigger.vue
+++ b/app/components/ui/dropdown-menu/DropdownMenuTrigger.vue
@@ -15,6 +15,6 @@ const forwardedProps = useForwardProps(props);
         data-slot="dropdown-menu-trigger"
         v-bind="forwardedProps"
     >
-        <slot/>
+        <slot />
     </DropdownMenuTrigger>
 </template>
diff --git a/app/components/ui/form/FormControl.vue b/app/components/ui/form/FormControl.vue
index c439c85..4b661cf 100644
--- a/app/components/ui/form/FormControl.vue
+++ b/app/components/ui/form/FormControl.vue
@@ -12,6 +12,6 @@ const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
         :aria-describedby="!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`"
         :aria-invalid="!!error"
     >
-        <slot/>
+        <slot />
     </Slot>
 </template>
diff --git a/app/components/ui/form/FormDescription.vue b/app/components/ui/form/FormDescription.vue
index fac7c4f..06b7e4e 100644
--- a/app/components/ui/form/FormDescription.vue
+++ b/app/components/ui/form/FormDescription.vue
@@ -16,6 +16,6 @@ const { formDescriptionId } = useFormField();
         data-slot="form-description"
         :class="cn('text-muted-foreground text-sm', props.class)"
     >
-        <slot/>
+        <slot />
     </p>
 </template>
diff --git a/app/components/ui/form/FormItem.vue b/app/components/ui/form/FormItem.vue
index ceae4d2..2a9ba15 100644
--- a/app/components/ui/form/FormItem.vue
+++ b/app/components/ui/form/FormItem.vue
@@ -14,6 +14,6 @@ provide(FORM_ITEM_INJECTION_KEY, id);
 
 <template>
     <div data-slot="form-item" :class="cn('grid gap-2', props.class)">
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/form/FormLabel.vue b/app/components/ui/form/FormLabel.vue
index b7dbbc2..b2d98f0 100644
--- a/app/components/ui/form/FormLabel.vue
+++ b/app/components/ui/form/FormLabel.vue
@@ -20,6 +20,6 @@ const { error, formItemId } = useFormField();
     )"
         :for="formItemId"
     >
-        <slot/>
+        <slot />
     </Label>
 </template>
diff --git a/app/components/ui/hover-card/HoverCard.vue b/app/components/ui/hover-card/HoverCard.vue
index 5875ca3..e550913 100644
--- a/app/components/ui/hover-card/HoverCard.vue
+++ b/app/components/ui/hover-card/HoverCard.vue
@@ -14,6 +14,6 @@ const forwarded = useForwardPropsEmits(props, emits);
 
 <template>
     <HoverCardRoot data-slot="hover-card" v-bind="forwarded">
-        <slot/>
+        <slot />
     </HoverCardRoot>
 </template>
diff --git a/app/components/ui/hover-card/HoverCardContent.vue b/app/components/ui/hover-card/HoverCardContent.vue
index f65107d..04e197d 100644
--- a/app/components/ui/hover-card/HoverCardContent.vue
+++ b/app/components/ui/hover-card/HoverCardContent.vue
@@ -36,7 +36,7 @@ const forwardedProps = useForwardProps(delegatedProps);
         )
       "
         >
-            <slot/>
+            <slot />
         </HoverCardContent>
     </HoverCardPortal>
 </template>
diff --git a/app/components/ui/hover-card/HoverCardTrigger.vue b/app/components/ui/hover-card/HoverCardTrigger.vue
index dc7da56..d84859e 100644
--- a/app/components/ui/hover-card/HoverCardTrigger.vue
+++ b/app/components/ui/hover-card/HoverCardTrigger.vue
@@ -6,6 +6,6 @@ const props = defineProps<HoverCardTriggerProps>();
 
 <template>
     <HoverCardTrigger data-slot="hover-card-trigger" v-bind="props">
-        <slot/>
+        <slot />
     </HoverCardTrigger>
 </template>
diff --git a/app/components/ui/input-group/InputGroup.vue b/app/components/ui/input-group/InputGroup.vue
index fb752ed..792b408 100644
--- a/app/components/ui/input-group/InputGroup.vue
+++ b/app/components/ui/input-group/InputGroup.vue
@@ -27,6 +27,6 @@ const props = defineProps<{
       props.class,
     )"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/input-group/InputGroupAddon.vue b/app/components/ui/input-group/InputGroupAddon.vue
index fe8560a..fa1d37c 100644
--- a/app/components/ui/input-group/InputGroupAddon.vue
+++ b/app/components/ui/input-group/InputGroupAddon.vue
@@ -34,6 +34,6 @@ function handleInputGroupAddonClick(e: MouseEvent) {
         :class="cn(inputGroupAddonVariants({ align: props.align }), props.class)"
         @click="handleInputGroupAddonClick"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/input-group/InputGroupButton.vue b/app/components/ui/input-group/InputGroupButton.vue
index 0aeceb4..533ea98 100644
--- a/app/components/ui/input-group/InputGroupButton.vue
+++ b/app/components/ui/input-group/InputGroupButton.vue
@@ -16,6 +16,6 @@ const props = withDefaults(defineProps<InputGroupButtonProps>(), {
         :variant="props.variant"
         :class="cn(inputGroupButtonVariants({ size: props.size }), props.class)"
     >
-        <slot/>
+        <slot />
     </Button>
 </template>
diff --git a/app/components/ui/input-group/InputGroupText.vue b/app/components/ui/input-group/InputGroupText.vue
index fe53424..55bc2ca 100644
--- a/app/components/ui/input-group/InputGroupText.vue
+++ b/app/components/ui/input-group/InputGroupText.vue
@@ -7,13 +7,11 @@ const props = defineProps<{
 }>();
 </script>
 
-<template>
-    <span
-        :class="cn(
+<template><span
+    :class="cn(
       'text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*=\'size-\'])]:size-4',
       props.class,
     )"
-    >
-        <slot/>
-    </span>
-</template>
+>
+    <slot />
+</span></template>
diff --git a/app/components/ui/input/url.vue b/app/components/ui/input/url.vue
index 7de94dd..9476af7 100644
--- a/app/components/ui/input/url.vue
+++ b/app/components/ui/input/url.vue
@@ -46,7 +46,7 @@ watch(isValidUrl, (value) => {
 
 <template>
     <div class="space-y-2">
-        <Input v-model="modelValue" v-bind="$attrs"/>
+        <Input v-model="modelValue" v-bind="$attrs" />
         <p v-if="isValidUrl" class="text-green-600 text-xs">
             {{ m.sunny_small_warbler_express() }}
         </p>
diff --git a/app/components/ui/label/Label.vue b/app/components/ui/label/Label.vue
index c3dba2c..c1a8b26 100644
--- a/app/components/ui/label/Label.vue
+++ b/app/components/ui/label/Label.vue
@@ -23,6 +23,6 @@ const delegatedProps = computed(() => {
       )
     "
     >
-        <slot/>
+        <slot />
     </Label>
 </template>
diff --git a/app/components/ui/number-field/NumberField.vue b/app/components/ui/number-field/NumberField.vue
index cc39e11..0ad8bdb 100644
--- a/app/components/ui/number-field/NumberField.vue
+++ b/app/components/ui/number-field/NumberField.vue
@@ -23,6 +23,6 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
         v-bind="forwarded"
         :class="cn('grid gap-1.5', props.class)"
     >
-        <slot/>
+        <slot />
     </NumberFieldRoot>
 </template>
diff --git a/app/components/ui/number-field/NumberFieldContent.vue b/app/components/ui/number-field/NumberFieldContent.vue
index 846a196..4d2001a 100644
--- a/app/components/ui/number-field/NumberFieldContent.vue
+++ b/app/components/ui/number-field/NumberFieldContent.vue
@@ -11,6 +11,6 @@ const props = defineProps<{
     <div
         :class="cn('relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5 [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5', props.class)"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/number-field/NumberFieldDecrement.vue b/app/components/ui/number-field/NumberFieldDecrement.vue
index d25a4e8..baa56c5 100644
--- a/app/components/ui/number-field/NumberFieldDecrement.vue
+++ b/app/components/ui/number-field/NumberFieldDecrement.vue
@@ -25,7 +25,7 @@ const forwarded = useForwardProps(delegatedProps);
         :class="cn('absolute top-1/2 -translate-y-1/2 left-0 p-3 disabled:cursor-not-allowed disabled:opacity-20', props.class)"
     >
         <slot>
-            <Minus class="h-4 w-4"/>
+            <Minus class="h-4 w-4" />
         </slot>
     </NumberFieldDecrement>
 </template>
diff --git a/app/components/ui/number-field/NumberFieldIncrement.vue b/app/components/ui/number-field/NumberFieldIncrement.vue
index 827225d..c4aecf9 100644
--- a/app/components/ui/number-field/NumberFieldIncrement.vue
+++ b/app/components/ui/number-field/NumberFieldIncrement.vue
@@ -25,7 +25,7 @@ const forwarded = useForwardProps(delegatedProps);
         :class="cn('absolute top-1/2 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20 p-3', props.class)"
     >
         <slot>
-            <Plus class="h-4 w-4"/>
+            <Plus class="h-4 w-4" />
         </slot>
     </NumberFieldIncrement>
 </template>
diff --git a/app/components/ui/popover/Popover.vue b/app/components/ui/popover/Popover.vue
index 40f6a8f..749896f 100644
--- a/app/components/ui/popover/Popover.vue
+++ b/app/components/ui/popover/Popover.vue
@@ -10,6 +10,6 @@ const forwarded = useForwardPropsEmits(props, emits);
 
 <template>
     <PopoverRoot data-slot="popover" v-bind="forwarded">
-        <slot/>
+        <slot />
     </PopoverRoot>
 </template>
diff --git a/app/components/ui/popover/PopoverAnchor.vue b/app/components/ui/popover/PopoverAnchor.vue
index 083c01a..ea03ff0 100644
--- a/app/components/ui/popover/PopoverAnchor.vue
+++ b/app/components/ui/popover/PopoverAnchor.vue
@@ -7,6 +7,6 @@ const props = defineProps<PopoverAnchorProps>();
 
 <template>
     <PopoverAnchor data-slot="popover-anchor" v-bind="props">
-        <slot/>
+        <slot />
     </PopoverAnchor>
 </template>
diff --git a/app/components/ui/popover/PopoverContent.vue b/app/components/ui/popover/PopoverContent.vue
index af3dcb7..d858bdb 100644
--- a/app/components/ui/popover/PopoverContent.vue
+++ b/app/components/ui/popover/PopoverContent.vue
@@ -43,7 +43,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
         )
       "
         >
-            <slot/>
+            <slot />
         </PopoverContent>
     </PopoverPortal>
 </template>
diff --git a/app/components/ui/popover/PopoverTrigger.vue b/app/components/ui/popover/PopoverTrigger.vue
index 8937cd0..6fd750b 100644
--- a/app/components/ui/popover/PopoverTrigger.vue
+++ b/app/components/ui/popover/PopoverTrigger.vue
@@ -6,6 +6,6 @@ const props = defineProps<PopoverTriggerProps>();
 
 <template>
     <PopoverTrigger data-slot="popover-trigger" v-bind="props">
-        <slot/>
+        <slot />
     </PopoverTrigger>
 </template>
diff --git a/app/components/ui/select/Select.vue b/app/components/ui/select/Select.vue
index ce796a8..b645398 100644
--- a/app/components/ui/select/Select.vue
+++ b/app/components/ui/select/Select.vue
@@ -10,6 +10,6 @@ const forwarded = useForwardPropsEmits(props, emits);
 
 <template>
     <SelectRoot data-slot="select" v-bind="forwarded">
-        <slot/>
+        <slot />
     </SelectRoot>
 </template>
diff --git a/app/components/ui/select/SelectContent.vue b/app/components/ui/select/SelectContent.vue
index 4b16cbc..70ad7d2 100644
--- a/app/components/ui/select/SelectContent.vue
+++ b/app/components/ui/select/SelectContent.vue
@@ -45,13 +45,13 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
       )
       "
         >
-            <SelectScrollUpButton/>
+            <SelectScrollUpButton />
             <SelectViewport
                 :class="cn('p-1', position === 'popper' && 'h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1')"
             >
-                <slot/>
+                <slot />
             </SelectViewport>
-            <SelectScrollDownButton/>
+            <SelectScrollDownButton />
         </SelectContent>
     </SelectPortal>
 </template>
diff --git a/app/components/ui/select/SelectGroup.vue b/app/components/ui/select/SelectGroup.vue
index 3d6e769..989d7d5 100644
--- a/app/components/ui/select/SelectGroup.vue
+++ b/app/components/ui/select/SelectGroup.vue
@@ -6,6 +6,6 @@ const props = defineProps<SelectGroupProps>();
 
 <template>
     <SelectGroup data-slot="select-group" v-bind="props">
-        <slot/>
+        <slot />
     </SelectGroup>
 </template>
diff --git a/app/components/ui/select/SelectItem.vue b/app/components/ui/select/SelectItem.vue
index 9deafc4..fbe67be 100644
--- a/app/components/ui/select/SelectItem.vue
+++ b/app/components/ui/select/SelectItem.vue
@@ -38,12 +38,12 @@ const forwardedProps = useForwardProps(delegatedProps);
             class="absolute right-2 flex size-3.5 items-center justify-center"
         >
             <SelectItemIndicator>
-                <Check class="size-4"/>
+                <Check class="size-4" />
             </SelectItemIndicator>
         </span>
 
         <SelectItemText>
-            <slot/>
+            <slot />
         </SelectItemText>
     </SelectItem>
 </template>
diff --git a/app/components/ui/select/SelectItemText.vue b/app/components/ui/select/SelectItemText.vue
index 7d42e92..ed0f424 100644
--- a/app/components/ui/select/SelectItemText.vue
+++ b/app/components/ui/select/SelectItemText.vue
@@ -6,6 +6,6 @@ const props = defineProps<SelectItemTextProps>();
 
 <template>
     <SelectItemText data-slot="select-item-text" v-bind="props">
-        <slot/>
+        <slot />
     </SelectItemText>
 </template>
diff --git a/app/components/ui/select/SelectLabel.vue b/app/components/ui/select/SelectLabel.vue
index 6116e41..61165f2 100644
--- a/app/components/ui/select/SelectLabel.vue
+++ b/app/components/ui/select/SelectLabel.vue
@@ -13,6 +13,6 @@ const props = defineProps<
         data-slot="select-label"
         :class="cn('px-2 py-1.5 text-sm font-medium', props.class)"
     >
-        <slot/>
+        <slot />
     </SelectLabel>
 </template>
diff --git a/app/components/ui/select/SelectScrollDownButton.vue b/app/components/ui/select/SelectScrollDownButton.vue
index 9da7709..ee7fdd2 100644
--- a/app/components/ui/select/SelectScrollDownButton.vue
+++ b/app/components/ui/select/SelectScrollDownButton.vue
@@ -28,7 +28,7 @@ const forwardedProps = useForwardProps(delegatedProps);
         :class="cn('flex cursor-default items-center justify-center py-1', props.class)"
     >
         <slot>
-            <ChevronDown class="size-4"/>
+            <ChevronDown class="size-4" />
         </slot>
     </SelectScrollDownButton>
 </template>
diff --git a/app/components/ui/select/SelectScrollUpButton.vue b/app/components/ui/select/SelectScrollUpButton.vue
index 6851a99..12f7475 100644
--- a/app/components/ui/select/SelectScrollUpButton.vue
+++ b/app/components/ui/select/SelectScrollUpButton.vue
@@ -28,7 +28,7 @@ const forwardedProps = useForwardProps(delegatedProps);
         :class="cn('flex cursor-default items-center justify-center py-1', props.class)"
     >
         <slot>
-            <ChevronUp class="size-4"/>
+            <ChevronUp class="size-4" />
         </slot>
     </SelectScrollUpButton>
 </template>
diff --git a/app/components/ui/select/SelectTrigger.vue b/app/components/ui/select/SelectTrigger.vue
index 5ecfa59..2c0795b 100644
--- a/app/components/ui/select/SelectTrigger.vue
+++ b/app/components/ui/select/SelectTrigger.vue
@@ -36,9 +36,9 @@ const forwardedProps = useForwardProps(delegatedProps);
       props.class,
     )"
     >
-        <slot/>
+        <slot />
         <SelectIcon as-child v-if="!props.disableSelectIcon">
-            <ChevronDown class="size-4 opacity-50"/>
+            <ChevronDown class="size-4 opacity-50" />
         </SelectIcon>
     </SelectTrigger>
 </template>
diff --git a/app/components/ui/select/SelectValue.vue b/app/components/ui/select/SelectValue.vue
index 8b5d054..071f9e8 100644
--- a/app/components/ui/select/SelectValue.vue
+++ b/app/components/ui/select/SelectValue.vue
@@ -6,6 +6,6 @@ const props = defineProps<SelectValueProps>();
 
 <template>
     <SelectValue data-slot="select-value" v-bind="props">
-        <slot/>
+        <slot />
     </SelectValue>
 </template>
diff --git a/app/components/ui/sheet/Sheet.vue b/app/components/ui/sheet/Sheet.vue
index 61fb143..5840dd2 100644
--- a/app/components/ui/sheet/Sheet.vue
+++ b/app/components/ui/sheet/Sheet.vue
@@ -14,6 +14,6 @@ const forwarded = useForwardPropsEmits(props, emits);
 
 <template>
     <DialogRoot data-slot="sheet" v-bind="forwarded">
-        <slot/>
+        <slot />
     </DialogRoot>
 </template>
diff --git a/app/components/ui/sheet/SheetClose.vue b/app/components/ui/sheet/SheetClose.vue
index 1c1a0e9..8d7c0fe 100644
--- a/app/components/ui/sheet/SheetClose.vue
+++ b/app/components/ui/sheet/SheetClose.vue
@@ -6,6 +6,6 @@ const props = defineProps<DialogCloseProps>();
 
 <template>
     <DialogClose data-slot="sheet-close" v-bind="props">
-        <slot/>
+        <slot />
     </DialogClose>
 </template>
diff --git a/app/components/ui/sheet/SheetContent.vue b/app/components/ui/sheet/SheetContent.vue
index f837c87..0a39f85 100644
--- a/app/components/ui/sheet/SheetContent.vue
+++ b/app/components/ui/sheet/SheetContent.vue
@@ -34,7 +34,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 
 <template>
     <DialogPortal>
-        <SheetOverlay/>
+        <SheetOverlay />
         <DialogContent
             data-slot="sheet-content"
             :class="cn(
@@ -50,12 +50,12 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
         props.class)"
             v-bind="{ ...forwarded, ...$attrs }"
         >
-            <slot/>
+            <slot />
 
             <DialogClose
                 class="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none"
             >
-                <X class="size-4"/>
+                <X class="size-4" />
                 <span class="sr-only">Close</span>
             </DialogClose>
         </DialogContent>
diff --git a/app/components/ui/sheet/SheetDescription.vue b/app/components/ui/sheet/SheetDescription.vue
index af10cef..1903260 100644
--- a/app/components/ui/sheet/SheetDescription.vue
+++ b/app/components/ui/sheet/SheetDescription.vue
@@ -20,6 +20,6 @@ const delegatedProps = computed(() => {
         :class="cn('text-muted-foreground text-sm', props.class)"
         v-bind="delegatedProps"
     >
-        <slot/>
+        <slot />
     </DialogDescription>
 </template>
diff --git a/app/components/ui/sheet/SheetFooter.vue b/app/components/ui/sheet/SheetFooter.vue
index ed95f15..eac8f75 100644
--- a/app/components/ui/sheet/SheetFooter.vue
+++ b/app/components/ui/sheet/SheetFooter.vue
@@ -11,6 +11,6 @@ const props = defineProps<{ class?: HTMLAttributes["class"] }>();
         :class="cn('mt-auto flex flex-col gap-2 p-4', props.class)
     "
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/sheet/SheetHeader.vue b/app/components/ui/sheet/SheetHeader.vue
index 6dfdb7a..e4c6db7 100644
--- a/app/components/ui/sheet/SheetHeader.vue
+++ b/app/components/ui/sheet/SheetHeader.vue
@@ -10,6 +10,6 @@ const props = defineProps<{ class?: HTMLAttributes["class"] }>();
         data-slot="sheet-header"
         :class="cn('flex flex-col gap-1.5 p-4', props.class)"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/sheet/SheetOverlay.vue b/app/components/ui/sheet/SheetOverlay.vue
index 1692089..bea5c77 100644
--- a/app/components/ui/sheet/SheetOverlay.vue
+++ b/app/components/ui/sheet/SheetOverlay.vue
@@ -20,6 +20,6 @@ const delegatedProps = computed(() => {
         :class="cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', props.class)"
         v-bind="delegatedProps"
     >
-        <slot/>
+        <slot />
     </DialogOverlay>
 </template>
diff --git a/app/components/ui/sheet/SheetTitle.vue b/app/components/ui/sheet/SheetTitle.vue
index 3df2d07..82921a8 100644
--- a/app/components/ui/sheet/SheetTitle.vue
+++ b/app/components/ui/sheet/SheetTitle.vue
@@ -20,6 +20,6 @@ const delegatedProps = computed(() => {
         :class="cn('text-foreground font-semibold', props.class)"
         v-bind="delegatedProps"
     >
-        <slot/>
+        <slot />
     </DialogTitle>
 </template>
diff --git a/app/components/ui/sheet/SheetTrigger.vue b/app/components/ui/sheet/SheetTrigger.vue
index 0602cf2..edf6b18 100644
--- a/app/components/ui/sheet/SheetTrigger.vue
+++ b/app/components/ui/sheet/SheetTrigger.vue
@@ -6,6 +6,6 @@ const props = defineProps<DialogTriggerProps>();
 
 <template>
     <DialogTrigger data-slot="sheet-trigger" v-bind="props">
-        <slot/>
+        <slot />
     </DialogTrigger>
 </template>
diff --git a/app/components/ui/sidebar/Sidebar.vue b/app/components/ui/sidebar/Sidebar.vue
index 49ce76f..2a71124 100644
--- a/app/components/ui/sidebar/Sidebar.vue
+++ b/app/components/ui/sidebar/Sidebar.vue
@@ -27,7 +27,7 @@ const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
         :class="cn('bg-sidebar text-sidebar-foreground flex h-dvh w-(--sidebar-width) flex-col', props.class)"
         v-bind="$attrs"
     >
-        <slot/>
+        <slot />
     </div>
 
     <Sheet
@@ -53,7 +53,7 @@ const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
                 </SheetDescription>
             </SheetHeader>
             <div class="flex h-full w-full flex-col">
-                <slot/>
+                <slot />
             </div>
         </SheetContent>
     </Sheet>
@@ -96,7 +96,7 @@ const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
                 data-sidebar="sidebar"
                 class="bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
             >
-                <slot/>
+                <slot />
             </div>
         </div>
     </div>
diff --git a/app/components/ui/sidebar/SidebarContent.vue b/app/components/ui/sidebar/SidebarContent.vue
index e8997f1..9a5c37e 100644
--- a/app/components/ui/sidebar/SidebarContent.vue
+++ b/app/components/ui/sidebar/SidebarContent.vue
@@ -13,6 +13,6 @@ const props = defineProps<{
         data-sidebar="content"
         :class="cn('flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden', props.class)"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/sidebar/SidebarFooter.vue b/app/components/ui/sidebar/SidebarFooter.vue
index 48229f8..06f3ec5 100644
--- a/app/components/ui/sidebar/SidebarFooter.vue
+++ b/app/components/ui/sidebar/SidebarFooter.vue
@@ -13,6 +13,6 @@ const props = defineProps<{
         data-sidebar="footer"
         :class="cn('flex flex-col gap-2 p-2', props.class)"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/sidebar/SidebarGroup.vue b/app/components/ui/sidebar/SidebarGroup.vue
index 87e5fbc..ba4453e 100644
--- a/app/components/ui/sidebar/SidebarGroup.vue
+++ b/app/components/ui/sidebar/SidebarGroup.vue
@@ -13,6 +13,6 @@ const props = defineProps<{
         data-sidebar="group"
         :class="cn('relative flex w-full min-w-0 flex-col p-2', props.class)"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/sidebar/SidebarGroupAction.vue b/app/components/ui/sidebar/SidebarGroupAction.vue
index af6ca3b..19d0711 100644
--- a/app/components/ui/sidebar/SidebarGroupAction.vue
+++ b/app/components/ui/sidebar/SidebarGroupAction.vue
@@ -24,6 +24,6 @@ const props = defineProps<
       props.class,
     )"
     >
-        <slot/>
+        <slot />
     </Primitive>
 </template>
diff --git a/app/components/ui/sidebar/SidebarGroupContent.vue b/app/components/ui/sidebar/SidebarGroupContent.vue
index 593d8b0..5c28094 100644
--- a/app/components/ui/sidebar/SidebarGroupContent.vue
+++ b/app/components/ui/sidebar/SidebarGroupContent.vue
@@ -13,6 +13,6 @@ const props = defineProps<{
         data-sidebar="group-content"
         :class="cn('w-full text-sm', props.class)"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/sidebar/SidebarGroupLabel.vue b/app/components/ui/sidebar/SidebarGroupLabel.vue
index 498ebbd..2c90d7e 100644
--- a/app/components/ui/sidebar/SidebarGroupLabel.vue
+++ b/app/components/ui/sidebar/SidebarGroupLabel.vue
@@ -22,6 +22,6 @@ const props = defineProps<
       'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',
       props.class)"
     >
-        <slot/>
+        <slot />
     </Primitive>
 </template>
diff --git a/app/components/ui/sidebar/SidebarHeader.vue b/app/components/ui/sidebar/SidebarHeader.vue
index a3af90f..37441cf 100644
--- a/app/components/ui/sidebar/SidebarHeader.vue
+++ b/app/components/ui/sidebar/SidebarHeader.vue
@@ -13,6 +13,6 @@ const props = defineProps<{
         data-sidebar="header"
         :class="cn('flex flex-col gap-2 p-2', props.class)"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/sidebar/SidebarInput.vue b/app/components/ui/sidebar/SidebarInput.vue
index 2906ee6..8689816 100644
--- a/app/components/ui/sidebar/SidebarInput.vue
+++ b/app/components/ui/sidebar/SidebarInput.vue
@@ -17,6 +17,6 @@ const props = defineProps<{
       props.class,
     )"
     >
-        <slot/>
+        <slot />
     </InputVue>
 </template>
diff --git a/app/components/ui/sidebar/SidebarInset.vue b/app/components/ui/sidebar/SidebarInset.vue
index 0f1edfb..7aba82d 100644
--- a/app/components/ui/sidebar/SidebarInset.vue
+++ b/app/components/ui/sidebar/SidebarInset.vue
@@ -16,6 +16,6 @@ const props = defineProps<{
       props.class,
     )"
     >
-        <slot/>
+        <slot />
     </main>
 </template>
diff --git a/app/components/ui/sidebar/SidebarMenu.vue b/app/components/ui/sidebar/SidebarMenu.vue
index 06ae91e..dd494c5 100644
--- a/app/components/ui/sidebar/SidebarMenu.vue
+++ b/app/components/ui/sidebar/SidebarMenu.vue
@@ -13,6 +13,6 @@ const props = defineProps<{
         data-sidebar="menu"
         :class="cn('flex w-full min-w-0 flex-col gap-1', props.class)"
     >
-        <slot/>
+        <slot />
     </ul>
 </template>
diff --git a/app/components/ui/sidebar/SidebarMenuAction.vue b/app/components/ui/sidebar/SidebarMenuAction.vue
index 534d33e..24da98b 100644
--- a/app/components/ui/sidebar/SidebarMenuAction.vue
+++ b/app/components/ui/sidebar/SidebarMenuAction.vue
@@ -34,6 +34,6 @@ const props = withDefaults(
         :as="as"
         :as-child="asChild"
     >
-        <slot/>
+        <slot />
     </Primitive>
 </template>
diff --git a/app/components/ui/sidebar/SidebarMenuBadge.vue b/app/components/ui/sidebar/SidebarMenuBadge.vue
index 32b8333..e9ba3dc 100644
--- a/app/components/ui/sidebar/SidebarMenuBadge.vue
+++ b/app/components/ui/sidebar/SidebarMenuBadge.vue
@@ -21,6 +21,6 @@ const props = defineProps<{
       props.class,
     )"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
diff --git a/app/components/ui/sidebar/SidebarMenuButton.vue b/app/components/ui/sidebar/SidebarMenuButton.vue
index 9d96124..60c1b1e 100644
--- a/app/components/ui/sidebar/SidebarMenuButton.vue
+++ b/app/components/ui/sidebar/SidebarMenuButton.vue
@@ -40,13 +40,13 @@ const delegatedProps = computed(() => {
         v-if="!tooltip"
         v-bind="{ ...delegatedProps, ...$attrs }"
     >
-        <slot/>
+        <slot />
     </SidebarMenuButtonChild>
 
     <Tooltip v-else>
         <TooltipTrigger as-child>
             <SidebarMenuButtonChild v-bind="{ ...delegatedProps, ...$attrs }">
-                <slot/>
+                <slot />
             </SidebarMenuButtonChild>
         </TooltipTrigger>
         <TooltipContent
@@ -57,7 +57,7 @@ const delegatedProps = computed(() => {
             <template v-if="typeof tooltip === 'string'">
                 {{ tooltip }}
             </template>
-            <component :is="tooltip" v-else/>
+            <component :is="tooltip" v-else />
         </TooltipContent>
     </Tooltip>
 </template>
diff --git a/app/components/ui/sidebar/SidebarMenuButtonChild.vue b/app/components/ui/sidebar/SidebarMenuButtonChild.vue
index 07bb357..05e639f 100644
--- a/app/components/ui/sidebar/SidebarMenuButtonChild.vue
+++ b/app/components/ui/sidebar/SidebarMenuButtonChild.vue
@@ -29,6 +29,6 @@ const props = withDefaults(defineProps<SidebarMenuButtonProps>(), {
         :as-child="asChild"
         v-bind="$attrs"
     >
-        <slot/>
+        <slot />
     </Primitive>
 </template>
diff --git a/app/components/ui/sidebar/SidebarMenuItem.vue b/app/components/ui/sidebar/SidebarMenuItem.vue
index f92596d..98db3ec 100644
--- a/app/components/ui/sidebar/SidebarMenuItem.vue
+++ b/app/components/ui/sidebar/SidebarMenuItem.vue
@@ -13,6 +13,6 @@ const props = defineProps<{
         data-sidebar="menu-item"
         :class="cn('group/menu-item relative', props.class)"
     >
-        <slot/>
+        <slot />
     </li>
 </template>
diff --git a/app/components/ui/sidebar/SidebarMenuSub.vue b/app/components/ui/sidebar/SidebarMenuSub.vue
index 3785417..19a0b48 100644
--- a/app/components/ui/sidebar/SidebarMenuSub.vue
+++ b/app/components/ui/sidebar/SidebarMenuSub.vue
@@ -17,6 +17,6 @@ const props = defineProps<{
       props.class,
     )"
     >
-        <slot/>
+        <slot />
     </ul>
 </template>
diff --git a/app/components/ui/sidebar/SidebarMenuSubButton.vue b/app/components/ui/sidebar/SidebarMenuSubButton.vue
index 108c314..ac94648 100644
--- a/app/components/ui/sidebar/SidebarMenuSubButton.vue
+++ b/app/components/ui/sidebar/SidebarMenuSubButton.vue
@@ -36,6 +36,6 @@ const props = withDefaults(
       props.class,
     )"
     >
-        <slot/>
+        <slot />
     </Primitive>
 </template>
diff --git a/app/components/ui/sidebar/SidebarMenuSubItem.vue b/app/components/ui/sidebar/SidebarMenuSubItem.vue
index 1b91dbb..923737f 100644
--- a/app/components/ui/sidebar/SidebarMenuSubItem.vue
+++ b/app/components/ui/sidebar/SidebarMenuSubItem.vue
@@ -13,6 +13,6 @@ const props = defineProps<{
         data-sidebar="menu-sub-item"
         :class="cn('group/menu-sub-item relative', props.class)"
     >
-        <slot/>
+        <slot />
     </li>
 </template>
diff --git a/app/components/ui/sidebar/SidebarProvider.vue b/app/components/ui/sidebar/SidebarProvider.vue
index 7472dfa..95b1cc3 100644
--- a/app/components/ui/sidebar/SidebarProvider.vue
+++ b/app/components/ui/sidebar/SidebarProvider.vue
@@ -90,7 +90,7 @@ provideSidebarContext({
             :class="cn('group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full', props.class)"
             v-bind="$attrs"
         >
-            <slot/>
+            <slot />
         </div>
     </TooltipProvider>
 </template>
diff --git a/app/components/ui/sidebar/SidebarRail.vue b/app/components/ui/sidebar/SidebarRail.vue
index 81e4965..4a4b24f 100644
--- a/app/components/ui/sidebar/SidebarRail.vue
+++ b/app/components/ui/sidebar/SidebarRail.vue
@@ -28,6 +28,6 @@ const { toggleSidebar } = useSidebar();
     )"
         @click="toggleSidebar"
     >
-        <slot/>
+        <slot />
     </button>
 </template>
diff --git a/app/components/ui/sidebar/SidebarSeparator.vue b/app/components/ui/sidebar/SidebarSeparator.vue
index c80c88a..080d3c4 100644
--- a/app/components/ui/sidebar/SidebarSeparator.vue
+++ b/app/components/ui/sidebar/SidebarSeparator.vue
@@ -14,6 +14,6 @@ const props = defineProps<{
         data-sidebar="separator"
         :class="cn('bg-sidebar-border mx-2 w-auto', props.class)"
     >
-        <slot/>
+        <slot />
     </Separator>
 </template>
diff --git a/app/components/ui/sidebar/SidebarTrigger.vue b/app/components/ui/sidebar/SidebarTrigger.vue
index e1c0e93..279a4a2 100644
--- a/app/components/ui/sidebar/SidebarTrigger.vue
+++ b/app/components/ui/sidebar/SidebarTrigger.vue
@@ -21,7 +21,7 @@ const { toggleSidebar } = useSidebar();
         :class="cn('h-7 w-7', props.class)"
         @click="toggleSidebar"
     >
-        <PanelLeft/>
+        <PanelLeft />
         <span class="sr-only">Toggle Sidebar</span>
     </Button>
 </template>
diff --git a/app/components/ui/switch/Switch.vue b/app/components/ui/switch/Switch.vue
index 728ca3a..4bb4008 100644
--- a/app/components/ui/switch/Switch.vue
+++ b/app/components/ui/switch/Switch.vue
@@ -37,7 +37,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
             data-slot="switch-thumb"
             :class="cn('bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0')"
         >
-            <slot name="thumb"/>
+            <slot name="thumb" />
         </SwitchThumb>
     </SwitchRoot>
 </template>
diff --git a/app/components/ui/table/Table.vue b/app/components/ui/table/Table.vue
index 72cb352..59740dd 100644
--- a/app/components/ui/table/Table.vue
+++ b/app/components/ui/table/Table.vue
@@ -13,7 +13,7 @@ const props = defineProps<{
             data-slot="table"
             :class="cn('w-full caption-bottom text-sm', props.class)"
         >
-            <slot/>
+            <slot />
         </table>
     </div>
 </template>
diff --git a/app/components/ui/table/TableBody.vue b/app/components/ui/table/TableBody.vue
index 3393ebe..1499d3d 100644
--- a/app/components/ui/table/TableBody.vue
+++ b/app/components/ui/table/TableBody.vue
@@ -12,6 +12,6 @@ const props = defineProps<{
         data-slot="table-body"
         :class="cn('[&_tr:last-child]:border-0', props.class)"
     >
-        <slot/>
+        <slot />
     </tbody>
 </template>
diff --git a/app/components/ui/table/TableCaption.vue b/app/components/ui/table/TableCaption.vue
index ccf9a80..c577e6d 100644
--- a/app/components/ui/table/TableCaption.vue
+++ b/app/components/ui/table/TableCaption.vue
@@ -12,6 +12,6 @@ const props = defineProps<{
         data-slot="table-caption"
         :class="cn('text-muted-foreground mt-4 text-sm', props.class)"
     >
-        <slot/>
+        <slot />
     </caption>
 </template>
diff --git a/app/components/ui/table/TableCell.vue b/app/components/ui/table/TableCell.vue
index 3102ef7..d430906 100644
--- a/app/components/ui/table/TableCell.vue
+++ b/app/components/ui/table/TableCell.vue
@@ -17,6 +17,6 @@ const props = defineProps<{
       )
     "
     >
-        <slot/>
+        <slot />
     </td>
 </template>
diff --git a/app/components/ui/table/TableEmpty.vue b/app/components/ui/table/TableEmpty.vue
index 4bd63c8..d6c95ff 100644
--- a/app/components/ui/table/TableEmpty.vue
+++ b/app/components/ui/table/TableEmpty.vue
@@ -33,7 +33,7 @@ const delegatedProps = computed(() => {
             v-bind="delegatedProps"
         >
             <div class="flex items-center justify-center py-10">
-                <slot/>
+                <slot />
             </div>
         </TableCell>
     </TableRow>
diff --git a/app/components/ui/table/TableFooter.vue b/app/components/ui/table/TableFooter.vue
index d091083..31a62a7 100644
--- a/app/components/ui/table/TableFooter.vue
+++ b/app/components/ui/table/TableFooter.vue
@@ -12,6 +12,6 @@ const props = defineProps<{
         data-slot="table-footer"
         :class="cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', props.class)"
     >
-        <slot/>
+        <slot />
     </tfoot>
 </template>
diff --git a/app/components/ui/table/TableHead.vue b/app/components/ui/table/TableHead.vue
index 980489f..769fdca 100644
--- a/app/components/ui/table/TableHead.vue
+++ b/app/components/ui/table/TableHead.vue
@@ -12,6 +12,6 @@ const props = defineProps<{
         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/>
+        <slot />
     </th>
 </template>
diff --git a/app/components/ui/table/TableHeader.vue b/app/components/ui/table/TableHeader.vue
index 248a772..e5737ca 100644
--- a/app/components/ui/table/TableHeader.vue
+++ b/app/components/ui/table/TableHeader.vue
@@ -9,6 +9,6 @@ const props = defineProps<{
 
 <template>
     <thead data-slot="table-header" :class="cn('[&_tr]:border-b', props.class)">
-        <slot/>
+        <slot />
     </thead>
 </template>
diff --git a/app/components/ui/table/TableRow.vue b/app/components/ui/table/TableRow.vue
index e2fa68f..028add7 100644
--- a/app/components/ui/table/TableRow.vue
+++ b/app/components/ui/table/TableRow.vue
@@ -12,6 +12,6 @@ const props = defineProps<{
         data-slot="table-row"
         :class="cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors', props.class)"
     >
-        <slot/>
+        <slot />
     </tr>
 </template>
diff --git a/app/components/ui/tabs/Tabs.vue b/app/components/ui/tabs/Tabs.vue
index e95fb3c..4c795bc 100644
--- a/app/components/ui/tabs/Tabs.vue
+++ b/app/components/ui/tabs/Tabs.vue
@@ -20,6 +20,6 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
         v-bind="forwarded"
         :class="cn('flex flex-col gap-2', props.class)"
     >
-        <slot/>
+        <slot />
     </TabsRoot>
 </template>
diff --git a/app/components/ui/tabs/TabsContent.vue b/app/components/ui/tabs/TabsContent.vue
index 156d363..4374b82 100644
--- a/app/components/ui/tabs/TabsContent.vue
+++ b/app/components/ui/tabs/TabsContent.vue
@@ -20,6 +20,6 @@ const delegatedProps = computed(() => {
         :class="cn('flex-1 outline-none', props.class)"
         v-bind="delegatedProps"
     >
-        <slot/>
+        <slot />
     </TabsContent>
 </template>
diff --git a/app/components/ui/tabs/TabsList.vue b/app/components/ui/tabs/TabsList.vue
index bb56ef8..bc1d46c 100644
--- a/app/components/ui/tabs/TabsList.vue
+++ b/app/components/ui/tabs/TabsList.vue
@@ -23,6 +23,6 @@ const delegatedProps = computed(() => {
       props.class,
     )"
     >
-        <slot/>
+        <slot />
     </TabsList>
 </template>
diff --git a/app/components/ui/tabs/TabsTrigger.vue b/app/components/ui/tabs/TabsTrigger.vue
index c7922a8..d69bba5 100644
--- a/app/components/ui/tabs/TabsTrigger.vue
+++ b/app/components/ui/tabs/TabsTrigger.vue
@@ -25,6 +25,6 @@ const forwardedProps = useForwardProps(delegatedProps);
       props.class,
     )"
     >
-        <slot/>
+        <slot />
     </TabsTrigger>
 </template>
diff --git a/app/components/ui/toggle-group/ToggleGroup.vue b/app/components/ui/toggle-group/ToggleGroup.vue
index 171b3ab..580ee5b 100644
--- a/app/components/ui/toggle-group/ToggleGroup.vue
+++ b/app/components/ui/toggle-group/ToggleGroup.vue
@@ -40,6 +40,6 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
         v-bind="forwarded"
         :class="cn('group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs', props.class)"
     >
-        <slot v-bind="slotProps"/>
+        <slot v-bind="slotProps" />
     </ToggleGroupRoot>
 </template>
diff --git a/app/components/ui/toggle-group/ToggleGroupItem.vue b/app/components/ui/toggle-group/ToggleGroupItem.vue
index ec8cec5..67ac1e0 100644
--- a/app/components/ui/toggle-group/ToggleGroupItem.vue
+++ b/app/components/ui/toggle-group/ToggleGroupItem.vue
@@ -41,6 +41,6 @@ const forwardedProps = useForwardProps(delegatedProps);
       'min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l',
       props.class)"
     >
-        <slot v-bind="slotProps"/>
+        <slot v-bind="slotProps" />
     </ToggleGroupItem>
 </template>
diff --git a/app/components/ui/toggle/Toggle.vue b/app/components/ui/toggle/Toggle.vue
index f91b6ef..9b67f27 100644
--- a/app/components/ui/toggle/Toggle.vue
+++ b/app/components/ui/toggle/Toggle.vue
@@ -37,6 +37,6 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
         v-bind="forwarded"
         :class="cn(toggleVariants({ variant, size }), props.class)"
     >
-        <slot/>
+        <slot />
     </Toggle>
 </template>
diff --git a/app/components/ui/tooltip/Tooltip.vue b/app/components/ui/tooltip/Tooltip.vue
index c115827..b4ba23a 100644
--- a/app/components/ui/tooltip/Tooltip.vue
+++ b/app/components/ui/tooltip/Tooltip.vue
@@ -14,6 +14,6 @@ const forwarded = useForwardPropsEmits(props, emits);
 
 <template>
     <TooltipRoot data-slot="tooltip" v-bind="forwarded">
-        <slot/>
+        <slot />
     </TooltipRoot>
 </template>
diff --git a/app/components/ui/tooltip/TooltipContent.vue b/app/components/ui/tooltip/TooltipContent.vue
index eaf967e..bcb7262 100644
--- a/app/components/ui/tooltip/TooltipContent.vue
+++ b/app/components/ui/tooltip/TooltipContent.vue
@@ -35,7 +35,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
             v-bind="{ ...forwarded, ...$attrs }"
             :class="cn('bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance', props.class)"
         >
-            <slot/>
+            <slot />
 
             <TooltipArrow
                 class="bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"
diff --git a/app/components/ui/tooltip/TooltipProvider.vue b/app/components/ui/tooltip/TooltipProvider.vue
index 4b9ea62..8dfb6b2 100644
--- a/app/components/ui/tooltip/TooltipProvider.vue
+++ b/app/components/ui/tooltip/TooltipProvider.vue
@@ -8,6 +8,6 @@ const props = withDefaults(defineProps<TooltipProviderProps>(), {
 
 <template>
     <TooltipProvider v-bind="props">
-        <slot/>
+        <slot />
     </TooltipProvider>
 </template>
diff --git a/app/components/ui/tooltip/TooltipTrigger.vue b/app/components/ui/tooltip/TooltipTrigger.vue
index ad95f6a..4f9f43d 100644
--- a/app/components/ui/tooltip/TooltipTrigger.vue
+++ b/app/components/ui/tooltip/TooltipTrigger.vue
@@ -6,6 +6,6 @@ const props = defineProps<TooltipTriggerProps>();
 
 <template>
     <TooltipTrigger data-slot="tooltip-trigger" v-bind="props">
-        <slot/>
+        <slot />
     </TooltipTrigger>
 </template>
diff --git a/app/layouts/app.vue b/app/layouts/app.vue
index 00308e8..5577824 100644
--- a/app/layouts/app.vue
+++ b/app/layouts/app.vue
@@ -1,12 +1,12 @@
 <template>
     <SidebarProvider>
         <AppSidebar>
-            <slot/>
+            <slot />
         </AppSidebar>
     </SidebarProvider>
-    <MobileNavbar v-if="authStore.isSignedIn"/>
-    <Preferences/>
-    <ComposerDialog v-if="authStore.isSignedIn"/>
+    <MobileNavbar v-if="authStore.isSignedIn" />
+    <Preferences />
+    <ComposerDialog v-if="authStore.isSignedIn" />
 </template>
 
 <script setup lang="ts">
diff --git a/app/layouts/auth.vue b/app/layouts/auth.vue
index 7178841..518718a 100644
--- a/app/layouts/auth.vue
+++ b/app/layouts/auth.vue
@@ -5,7 +5,7 @@
         backgroundImage: 'url(/images/banner.webp)',
     }"
     >
-        <slot/>
+        <slot />
     </div>
 </template>
 
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index fdaab6a..f49b2a0 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -1,6 +1,6 @@
 <template>
-    <slot/>
-    <ComposerDialog v-if="authStore.isSignedIn"/>
+    <slot />
+    <ComposerDialog v-if="authStore.isSignedIn" />
 </template>
 
 <script lang="ts" setup>
diff --git a/app/pages/[username]/[uuid].vue b/app/pages/[username]/[uuid].vue
index 88ca372..af0e1ee 100644
--- a/app/pages/[username]/[uuid].vue
+++ b/app/pages/[username]/[uuid].vue
@@ -18,11 +18,11 @@
                 :top-avatar-bar="(context?.ancestors.length ?? 0) > 0"
             />
         </div>
-        <Note v-for="note of context?.descendants" :note="note"/>
+        <Note v-for="note of context?.descendants" :note="note" />
     </div>
 
     <div v-else class="p-4 flex items-center justify-center h-48">
-        <Spinner/>
+        <Spinner />
     </div>
 </template>
 
diff --git a/app/pages/[username]/index.vue b/app/pages/[username]/index.vue
index dfdc403..3956d03 100644
--- a/app/pages/[username]/index.vue
+++ b/app/pages/[username]/index.vue
@@ -1,15 +1,19 @@
 <template>
     <div class="mx-auto max-w-2xl w-full space-y-2">
         <div v-if="isLoading" class="p-4 flex items-center justify-center h-48">
-            <Loader class="size-8 animate-spin"/>
+            <Loader class="size-8 animate-spin" />
         </div>
         <TimelineScroller v-else-if="account">
             <div class="p-4 pb-0">
-                <AccountProfile :account="account"/>
+                <AccountProfile :account="account" />
             </div>
-            <AccountTimeline v-if="accountId" :id="accountId" :key="accountId"/>
+            <AccountTimeline
+                v-if="accountId"
+                :id="accountId"
+                :key="accountId"
+            />
         </TimelineScroller>
-        <NotFound v-else/>
+        <NotFound v-else />
     </div>
 </template>
 
diff --git a/app/pages/global.vue b/app/pages/global.vue
index 5ef19db..39c7552 100644
--- a/app/pages/global.vue
+++ b/app/pages/global.vue
@@ -1,6 +1,6 @@
 <template>
     <TimelineScroller>
-        <Global/>
+        <Global />
     </TimelineScroller>
 </template>
 
diff --git a/app/pages/home.vue b/app/pages/home.vue
index 7bd3fb0..1df25d5 100644
--- a/app/pages/home.vue
+++ b/app/pages/home.vue
@@ -1,6 +1,6 @@
 <template>
     <TimelineScroller>
-        <Home/>
+        <Home />
     </TimelineScroller>
 </template>
 
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 952ad23..a80c7ad 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,7 +1,7 @@
 <template>
     <TimelineScroller>
-        <Home v-if="authStore.isSignedIn"/>
-        <Public v-else/>
+        <Home v-if="authStore.isSignedIn" />
+        <Public v-else />
     </TimelineScroller>
 </template>
 
diff --git a/app/pages/loader.vue b/app/pages/loader.vue
index d153b0f..bd492dc 100644
--- a/app/pages/loader.vue
+++ b/app/pages/loader.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="p-6 flex items-center justify-center h-dvh w-dvw">
         <div class="flex flex-col items-center justify-center gap-4">
-            <Loader class="animate-spin size-8"/>
+            <Loader class="animate-spin size-8" />
             <!-- <p class="text-xl font-semibold tracking-tight">Versia Frontend</p> -->
         </div>
     </div>
diff --git a/app/pages/local.vue b/app/pages/local.vue
index e26b696..6396f71 100644
--- a/app/pages/local.vue
+++ b/app/pages/local.vue
@@ -1,6 +1,6 @@
 <template>
     <TimelineScroller>
-        <Local/>
+        <Local />
     </TimelineScroller>
 </template>
 
diff --git a/app/pages/notifications.vue b/app/pages/notifications.vue
index acdc1b1..4d42e63 100644
--- a/app/pages/notifications.vue
+++ b/app/pages/notifications.vue
@@ -1,7 +1,7 @@
 <template>
     <TimelineScroller>
         <div class="rounded overflow-hidden">
-            <Notifications/>
+            <Notifications />
         </div>
     </TimelineScroller>
 </template>
diff --git a/app/pages/oauth/authorize.vue b/app/pages/oauth/authorize.vue
index 58ad7ec..92e17cf 100644
--- a/app/pages/oauth/authorize.vue
+++ b/app/pages/oauth/authorize.vue
@@ -69,7 +69,7 @@ const getProviderUrl = (providerId: string) =>
                 class="mx-auto flex w-full flex-col justify-center space-y-10 sm:w-[350px]"
             >
                 <Alert v-if="error" variant="destructive" class="mb-4">
-                    <AlertCircle class="size-4"/>
+                    <AlertCircle class="size-4" />
                     <AlertTitle>{{ error }}</AlertTitle>
                     <AlertDescription>{{ error_description }}</AlertDescription>
                 </Alert>
@@ -137,7 +137,7 @@ const getProviderUrl = (providerId: string) =>
                         </form>
                     </div>
                     <Alert v-else variant="destructive" class="mb-4">
-                        <AlertCircle class="size-4"/>
+                        <AlertCircle class="size-4" />
                         <AlertTitle>
                             No SSO providers are configured.
                         </AlertTitle>
@@ -153,14 +153,12 @@ const getProviderUrl = (providerId: string) =>
                     v-else-if="hasValidUrlSearchParams"
                     class="p-4 flex items-center justify-center h-48"
                 >
-                    <Loader class="size-8 animate-spin"/>
+                    <Loader class="size-8 animate-spin" />
                 </div>
                 <Alert v-else variant="destructive" class="mb-4">
-                    <AlertCircle class="size-4"/>
+                    <AlertCircle class="size-4" />
                     <AlertTitle>
-                        {{
-                        m.grand_spry_goldfish_embrace()
-                    }}
+                        {{ m.grand_spry_goldfish_embrace() }}
                     </AlertTitle>
                     <AlertDescription>
                         <p>{{ m.gray_clean_shark_comfort() }}</p>
diff --git a/app/pages/oauth/code.vue b/app/pages/oauth/code.vue
index df88572..965d02b 100644
--- a/app/pages/oauth/code.vue
+++ b/app/pages/oauth/code.vue
@@ -11,9 +11,7 @@
                 <CardDescription>
                     {{ m.mushy_soft_lizard_propel() }}
                     <br>
-                    {{
-                        m.short_arable_leopard_zap()
-                    }}
+                    {{ m.short_arable_leopard_zap() }}
                 </CardDescription>
             </CardHeader>
             <CardContent class="grid">
diff --git a/app/pages/oauth/consent.vue b/app/pages/oauth/consent.vue
index e356cfb..b46b0e7 100644
--- a/app/pages/oauth/consent.vue
+++ b/app/pages/oauth/consent.vue
@@ -16,20 +16,16 @@
                 >
                 <CardHeader>
                     <CardTitle as="h1" class="text-2xl wrap-break-word">
-                        {{
-                        m.fresh_broad_cockroach_radiate({
+                        {{ m.fresh_broad_cockroach_radiate({
                             application: application ?? "",
-                        })
-                        }}
+                        }) }}
                     </CardTitle>
                 </CardHeader>
                 <CardContent>
                     <Card class="p-2 gap-1">
                         <CardContent class="flex flex-col px-4 py-2 w-full">
                             <CardTitle as="h2" class="text-lg">
-                                {{
-                                application
-                                }}
+                                {{ application }}
                             </CardTitle>
                             <a
                                 v-if="website"
@@ -47,7 +43,7 @@
                             :key="text[1]"
                             class="flex flex-row gap-1 items-center"
                         >
-                            <Check class="size-4"/>
+                            <Check class="size-4" />
                             <h2 class="text-sm">
                                 <strong class="font-bold">{{ text[0] }}</strong>
                                 {{ text[1] }}
@@ -71,14 +67,10 @@
                 </CardContent>
                 <CardFooter class="grid gap-2">
                     <Button variant="default" type="submit">
-                        {{
-                        m.last_spare_polecat_reside()
-                        }}
+                        {{ m.last_spare_polecat_reside() }}
                     </Button>
                     <Button :as="NuxtLink" href="/" variant="secondary">
-                        {{
-                        m.soft_bold_ant_attend()
-                        }}
+                        {{ m.soft_bold_ant_attend() }}
                     </Button>
                 </CardFooter>
             </Card>
diff --git a/app/pages/public.vue b/app/pages/public.vue
index 7846fec..a1bcf4a 100644
--- a/app/pages/public.vue
+++ b/app/pages/public.vue
@@ -1,6 +1,6 @@
 <template>
     <TimelineScroller>
-        <Public/>
+        <Public />
     </TimelineScroller>
 </template>
 
diff --git a/app/pages/register/index.vue b/app/pages/register/index.vue
index 14c9a83..fcab396 100644
--- a/app/pages/register/index.vue
+++ b/app/pages/register/index.vue
@@ -13,7 +13,7 @@
         >
             <CardHeader>
                 <Alert v-if="errors.error" variant="destructive" class="mb-4">
-                    <AlertCircle class="size-4"/>
+                    <AlertCircle class="size-4" />
                     <AlertTitle>{{ m.vexed_each_falcon_enjoy() }}</AlertTitle>
                     <AlertDescription>{{ errors.error }}</AlertDescription>
                 </Alert>
@@ -36,7 +36,7 @@
                                 v-bind="componentField"
                             />
                         </FormControl>
-                        <FormMessage/>
+                        <FormMessage />
                     </FormItem>
                 </FormField>
                 <FormField v-slot="{ componentField }" name="email">
@@ -55,7 +55,7 @@
                                 v-bind="componentField"
                             />
                         </FormControl>
-                        <FormMessage/>
+                        <FormMessage />
                     </FormItem>
                 </FormField>
                 <FormField v-slot="{ componentField }" name="password">
@@ -74,7 +74,7 @@
                                 v-bind="componentField"
                             />
                         </FormControl>
-                        <FormMessage/>
+                        <FormMessage />
                     </FormItem>
                 </FormField>
                 <FormField v-slot="{ componentField }" name="password-confirm">
@@ -91,7 +91,7 @@
                                 v-bind="componentField"
                             />
                         </FormControl>
-                        <FormMessage/>
+                        <FormMessage />
                     </FormItem>
                 </FormField>
                 <FormField
@@ -135,7 +135,7 @@
                                 </Dialog>
                             </FormLabel>
                         </div>
-                        <FormMessage/>
+                        <FormMessage />
                     </FormItem>
                 </FormField>
                 <div
@@ -150,7 +150,7 @@
                 </Button>
             </CardFooter>
             <div v-else class="p-4 flex items-center justify-center h-48">
-                <Loader class="size-8 animate-spin"/>
+                <Loader class="size-8 animate-spin" />
             </div>
         </Card>
         <Card v-else class="w-full max-w-md">
diff --git a/biome.json b/biome.json
index 0a2fca5..10a502f 100644
--- a/biome.json
+++ b/biome.json
@@ -1,5 +1,5 @@
 {
-    "$schema": "https://biomejs.dev/schemas/2.3.8/schema.json",
+    "$schema": "https://biomejs.dev/schemas/2.3.11/schema.json",
     "assist": { "actions": { "source": { "organizeImports": "on" } } },
     "css": {
         "parser": {