chore: ⬆️ Upgrade Biome to v2

components/composer/dialog.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
+import type { Status, StatusSource } from "@versia/client/schemas";
+import { toast } from "vue-sonner";
+import type { z } from "zod";
 import {
     Dialog,
     DialogContent,
     DialogDescription,
     DialogTitle,
 } from "@/components/ui/dialog";
-import type { Status, StatusSource } from "@versia/client/schemas";
-import { toast } from "vue-sonner";
-import type { z } from "zod";
 import * as m from "~/paraglide/messages.js";
 import Composer from "./composer.vue";
 

components/editor/emoji.ts

@@ -24,9 +24,7 @@ declare module "@tiptap/core" {
              *   .commands
              *   .setEmoji({ shortcode: 'smile' })
              */
-            setImage: (options: {
-                shortcode: string;
-            }) => ReturnType;
+            setImage: (options: { shortcode: string }) => ReturnType;
         };
     }
 }

components/navigation/mobile-navbar.vue

@@ -29,7 +29,7 @@
 
 <script lang="ts" setup>
 import { Bell, Home, Pen, User } from "lucide-vue-next";
-import * as m from "~/paraglide/messages.js";
 import { NuxtLink } from "#components";
+import * as m from "~/paraglide/messages.js";
 import { Button } from "../ui/button";
 </script>

components/navigation/timelines.vue

@@ -12,9 +12,9 @@
 
 <script lang="ts" setup>
 import { BedSingle, Globe, House, MapIcon } from "lucide-vue-next";
+import { NuxtLink } from "#components";
 import { Tabs, TabsList, TabsTrigger } from "~/components/ui/tabs";
 import * as m from "~/paraglide/messages.js";
-import { NuxtLink } from "#components";
 
 const timelines = [
     {

components/notes/copyable-text.vue

@@ -14,10 +14,10 @@
 </template>
 
 <script lang="tsx" setup>
-import { cn } from "@/lib/utils";
 import { Check, Clipboard } from "lucide-vue-next";
 import type { HTMLAttributes } from "vue";
 import { toast } from "vue-sonner";
+import { cn } from "@/lib/utils";
 import * as m from "~/paraglide/messages.js";
 
 const { text } = defineProps<{

components/notes/header.vue

@@ -43,7 +43,6 @@
 </template>
 
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import type { Account, Status } from "@versia/client/schemas";
 import type {
     UseTimeAgoMessages,
@@ -51,6 +50,7 @@ import type {
 } from "@vueuse/core";
 import { AtSign, Globe, Lock, LockOpen } from "lucide-vue-next";
 import type { z } from "zod";
+import { cn } from "@/lib/utils";
 import { getLocale } from "~/paraglide/runtime";
 import Avatar from "../profiles/avatar.vue";
 import SmallCard from "../profiles/small-card.vue";

components/notes/menu.vue

@@ -1,12 +1,4 @@
 <script setup lang="tsx">
-import {
-    DropdownMenu,
-    DropdownMenuContent,
-    DropdownMenuGroup,
-    DropdownMenuItem,
-    DropdownMenuSeparator,
-    DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
 import {
     Ban,
     Code,
@@ -19,6 +11,14 @@ import {
     Trash,
 } from "lucide-vue-next";
 import { toast } from "vue-sonner";
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuGroup,
+    DropdownMenuItem,
+    DropdownMenuSeparator,
+    DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
 import { confirmModalService } from "~/components/modals/composable.ts";
 import * as m from "~/paraglide/messages.js";
 

components/notes/note.vue

@@ -75,9 +75,9 @@
 </template>
 
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { Status } from "@versia/client/schemas";
 import type { z } from "zod";
+import { cn } from "@/lib/utils";
 import { Card, CardContent, CardFooter, CardHeader } from "../ui/card";
 import Actions from "./actions.vue";
 import Content from "./content.vue";

components/notes/reactions/picker/index.vue

@@ -43,7 +43,7 @@ import {
 } from "~/components/ui/popover";
 import CategoryHeader from "./category-header.vue";
 import EmojiDisplay from "./display.vue";
-import { type EmojiGroupId, type UnicodeEmoji, emojiGroups } from "./emoji.ts";
+import { type EmojiGroupId, emojiGroups, type UnicodeEmoji } from "./emoji.ts";
 import Emoji from "./emoji.vue";
 import Sidebar from "./sidebar.vue";
 import { EMOJI_PER_ROW, getVirtualizedItems } from "./virtual.ts";

components/notes/reactions/picker/virtual.ts

@@ -2,7 +2,7 @@ import type { CustomEmoji } from "@versia/client/schemas";
 import { go } from "fuzzysort";
 import { nanoid } from "nanoid";
 import type { z } from "zod";
-import { type UnicodeEmoji, emojiGroups } from "./emoji";
+import { emojiGroups, type UnicodeEmoji } from "./emoji";
 
 export const EMOJI_PER_ROW = 7;
 export type VirtualizedItem =

components/oauth/login.vue

@@ -1,4 +1,9 @@
 <script setup lang="ts">
+import { toTypedSchema } from "@vee-validate/zod";
+import type { Instance } from "@versia/client/schemas";
+import { Loader } from "lucide-vue-next";
+import { useForm } from "vee-validate";
+import * as z from "zod";
 import {
     FormControl,
     FormField,
@@ -6,11 +11,6 @@ import {
     FormLabel,
     FormMessage,
 } from "@/components/ui/form";
-import { toTypedSchema } from "@vee-validate/zod";
-import type { Instance } from "@versia/client/schemas";
-import { Loader } from "lucide-vue-next";
-import { useForm } from "vee-validate";
-import * as z from "zod";
 import { Button } from "~/components/ui/button";
 import { Input } from "~/components/ui/input";
 import * as m from "~/paraglide/messages.js";

components/preferences/category.vue

@@ -19,8 +19,14 @@
 
 <script lang="ts" setup>
 import { Card, CardTitle } from "../ui/card/index.ts";
-// biome-ignore lint/style/useImportType: <explanation>
 import { preferences as prefs } from "./preferences.ts";
+import BooleanPreferenceVue from "./types/boolean.vue";
+import CodePreferenceVue from "./types/code.vue";
+import MultiSelectPreferenceVue from "./types/multiselect.vue";
+import NumberPreferenceVue from "./types/number.vue";
+import SelectPreferenceVue from "./types/select.vue";
+import TextPreferenceVue from "./types/text.vue";
+import UrlPreferenceVue from "./types/url.vue";
 import {
     BooleanPreference,
     CodePreference,
@@ -30,13 +36,6 @@ import {
     TextPreference,
     UrlPreference,
 } from "./types.ts";
-import BooleanPreferenceVue from "./types/boolean.vue";
-import CodePreferenceVue from "./types/code.vue";
-import MultiSelectPreferenceVue from "./types/multiselect.vue";
-import NumberPreferenceVue from "./types/number.vue";
-import SelectPreferenceVue from "./types/select.vue";
-import TextPreferenceVue from "./types/text.vue";
-import UrlPreferenceVue from "./types/url.vue";
 
 const { preferences = [], name } = defineProps<{
     preferences: (keyof typeof prefs)[];

components/preferences/dialog.vue

@@ -1,11 +1,4 @@
 <script setup lang="ts">
-import {
-    Dialog,
-    DialogContent,
-    DialogDescription,
-    DialogHeader,
-    DialogTitle,
-} from "@/components/ui/dialog";
 import {
     InfoIcon,
     PaletteIcon,
@@ -15,6 +8,13 @@ import {
     TerminalSquareIcon,
     UserIcon,
 } from "lucide-vue-next";
+import {
+    Dialog,
+    DialogContent,
+    DialogDescription,
+    DialogHeader,
+    DialogTitle,
+} from "@/components/ui/dialog";
 import pkg from "~/package.json";
 import Avatar from "../profiles/avatar.vue";
 import TinyCard from "../profiles/tiny-card.vue";

components/preferences/emojis/table.vue

@@ -1,21 +1,4 @@
 <script setup lang="tsx">
-import { Button } from "@/components/ui/button";
-import { Checkbox } from "@/components/ui/checkbox";
-import {
-    DropdownMenu,
-    DropdownMenuCheckboxItem,
-    DropdownMenuContent,
-    DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Input } from "@/components/ui/input";
-import {
-    Table,
-    TableBody,
-    TableCell,
-    TableHead,
-    TableHeader,
-    TableRow,
-} from "@/components/ui/table";
 import type {
     ColumnDef,
     ColumnFiltersState,
@@ -46,6 +29,23 @@ import {
 } from "lucide-vue-next";
 import { ref } from "vue";
 import type { z } from "zod";
+import { Button } from "@/components/ui/button";
+import { Checkbox } from "@/components/ui/checkbox";
+import {
+    DropdownMenu,
+    DropdownMenuCheckboxItem,
+    DropdownMenuContent,
+    DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Input } from "@/components/ui/input";
+import {
+    Table,
+    TableBody,
+    TableCell,
+    TableHead,
+    TableHeader,
+    TableRow,
+} from "@/components/ui/table";
 import BatchDropdown from "./batch-dropdown.vue";
 import Dropdown from "./dropdown.vue";
 import Uploader from "./uploader.vue";

components/preferences/types/base.vue

@@ -35,9 +35,6 @@ defineSlots<{
         value: any;
         setValue: (value: MaybeRef<any>) => void;
     }): any;
-    extra(props: {
-        value: any;
-        setValue: (value: MaybeRef<any>) => void;
-    }): any;
+    extra(props: { value: any; setValue: (value: MaybeRef<any>) => void }): any;
 }>();
 </script>

components/profiles/profile-actions.vue

@@ -63,14 +63,6 @@
 </template>
 
 <script lang="ts" setup>
-import {
-    DropdownMenu,
-    DropdownMenuContent,
-    DropdownMenuGroup,
-    DropdownMenuItem,
-    DropdownMenuSeparator,
-    DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
 import type { Account } from "@versia/client/schemas";
 import {
     AtSign,
@@ -85,6 +77,14 @@ import {
 } from "lucide-vue-next";
 import { toast } from "vue-sonner";
 import type { z } from "zod";
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuGroup,
+    DropdownMenuItem,
+    DropdownMenuSeparator,
+    DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
 import * as m from "~/paraglide/messages.js";
 
 const { account } = defineProps<{

components/sidebars/account/account-manager.vue

@@ -46,6 +46,8 @@
 <script lang="ts" setup>
 import { LogIn, LogOut, UserPlus } from "lucide-vue-next";
 import { toast } from "vue-sonner";
+import { NuxtLink } from "#components";
+import { identity as currentIdentity } from "#imports";
 import TinyCard from "~/components/profiles/tiny-card.vue";
 import { Button } from "~/components/ui/button";
 import {
@@ -58,8 +60,6 @@ import {
     DialogTrigger,
 } from "~/components/ui/dialog";
 import * as m from "~/paraglide/messages.js";
-import { NuxtLink } from "#components";
-import { identity as currentIdentity } from "#imports";
 
 const appData = useAppData();
 

components/sidebars/footer/footer-actions.vue

@@ -16,6 +16,7 @@ import {
 } from "~/components/ui/sidebar";
 import * as m from "~/paraglide/messages.js";
 import AccountManager from "../account/account-manager.vue";
+
 const { $pwa } = useNuxtApp();
 </script>
 

components/ui/alert-dialog/AlertDialogAction.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { AlertDialogAction, type AlertDialogActionProps } from "reka-ui";
+import { computed, type HTMLAttributes } from "vue";
 import { buttonVariants } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
-import { AlertDialogAction, type AlertDialogActionProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
 
 const props = defineProps<
     AlertDialogActionProps & { class?: HTMLAttributes["class"] }

components/ui/alert-dialog/AlertDialogCancel.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { AlertDialogCancel, type AlertDialogCancelProps } from "reka-ui";
+import { computed, type HTMLAttributes } from "vue";
 import { buttonVariants } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
-import { AlertDialogCancel, type AlertDialogCancelProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
 
 const props = defineProps<
     AlertDialogCancelProps & { class?: HTMLAttributes["class"] }

components/ui/alert-dialog/AlertDialogContent.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     AlertDialogContent,
     type AlertDialogContentEmits,
@@ -8,7 +7,8 @@ import {
     AlertDialogPortal,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     AlertDialogContentProps & { class?: HTMLAttributes["class"] }

components/ui/alert-dialog/AlertDialogDescription.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     AlertDialogDescription,
     type AlertDialogDescriptionProps,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     AlertDialogDescriptionProps & { class?: HTMLAttributes["class"] }

components/ui/alert-dialog/AlertDialogFooter.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];

components/ui/alert-dialog/AlertDialogHeader.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];

components/ui/alert-dialog/AlertDialogTitle.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { AlertDialogTitle, type AlertDialogTitleProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     AlertDialogTitleProps & { class?: HTMLAttributes["class"] }

components/ui/alert/Alert.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import { type AlertVariants, alertVariants } from ".";
 
 const props = defineProps<{

components/ui/alert/AlertDescription.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];

components/ui/alert/AlertTitle.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];

components/ui/alert/index.ts

@@ -1,4 +1,4 @@
-import { type VariantProps, cva } from "class-variance-authority";
+import { cva, type VariantProps } from "class-variance-authority";
 
 export { default as Alert } from "./Alert.vue";
 export { default as AlertDescription } from "./AlertDescription.vue";

components/ui/avatar/Avatar.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { AvatarRoot } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];

components/ui/avatar/AvatarFallback.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { AvatarFallback, type AvatarFallbackProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     AvatarFallbackProps & { class?: HTMLAttributes["class"] }

components/ui/badge/Badge.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { PrimitiveProps } from "reka-ui";
 import { Primitive } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import { type BadgeVariants, badgeVariants } from ".";
 
 const props = defineProps<

components/ui/badge/index.ts

@@ -1,4 +1,4 @@
-import { type VariantProps, cva } from "class-variance-authority";
+import { cva, type VariantProps } from "class-variance-authority";
 
 export { default as Badge } from "./Badge.vue";
 

components/ui/button/Button.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Primitive, type PrimitiveProps } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import { type ButtonVariants, buttonVariants } from ".";
 
 interface Props extends PrimitiveProps {

components/ui/button/index.ts

@@ -1,4 +1,4 @@
-import { type VariantProps, cva } from "class-variance-authority";
+import { cva, type VariantProps } from "class-variance-authority";
 
 export { default as Button } from "./Button.vue";
 

components/ui/card/Card.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];

components/ui/card/CardAction.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];

components/ui/card/CardContent.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];

components/ui/card/CardDescription.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];

components/ui/card/CardFooter.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];

components/ui/card/CardHeader.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];

components/ui/card/CardTitle.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];

components/ui/checkbox/Checkbox.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Check } from "lucide-vue-next";
 import type { CheckboxRootEmits, CheckboxRootProps } from "reka-ui";
 import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     CheckboxRootProps & { class?: HTMLAttributes["class"] }

components/ui/command/Command.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { ListboxRootEmits, ListboxRootProps } from "reka-ui";
 import { ListboxRoot, useFilter, useForwardPropsEmits } from "reka-ui";
-import { type HTMLAttributes, computed, reactive, ref, watch } from "vue";
+import { computed, type HTMLAttributes, reactive, ref, watch } from "vue";
+import { cn } from "@/lib/utils";
 import { provideCommandContext } from ".";
 
 const props = withDefaults(

components/ui/command/CommandDialog.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { DialogRootEmits, DialogRootProps } from "reka-ui";
+import { useForwardPropsEmits } from "reka-ui";
 import {
     Dialog,
     DialogContent,
@@ -6,8 +8,6 @@ import {
     DialogHeader,
     DialogTitle,
 } from "@/components/ui/dialog";
-import type { DialogRootEmits, DialogRootProps } from "reka-ui";
-import { useForwardPropsEmits } from "reka-ui";
 import Command from "./Command.vue";
 
 const props = withDefaults(

components/ui/command/CommandEmpty.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { PrimitiveProps } from "reka-ui";
 import { Primitive } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import { useCommand } from ".";
 
 const props = defineProps<

components/ui/command/CommandGroup.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { ListboxGroupProps } from "reka-ui";
 import { ListboxGroup, ListboxGroupLabel, useId } from "reka-ui";
-import { type HTMLAttributes, computed, onMounted, onUnmounted } from "vue";
+import { computed, type HTMLAttributes, onMounted, onUnmounted } from "vue";
+import { cn } from "@/lib/utils";
 import { provideCommandGroupContext, useCommand } from ".";
 
 const props = defineProps<

components/ui/command/CommandInput.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Search } from "lucide-vue-next";
 import {
     ListboxFilter,
     type ListboxFilterProps,
     useForwardProps,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import { useCommand } from ".";
 
 defineOptions({

components/ui/command/CommandItem.vue

@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { useCurrentElement } from "@vueuse/core";
 import type { ListboxItemEmits, ListboxItemProps } from "reka-ui";
 import { ListboxItem, useForwardPropsEmits, useId } from "reka-ui";
 import {
-    type HTMLAttributes,
     computed,
+    type HTMLAttributes,
     onMounted,
     onUnmounted,
     ref,
 } from "vue";
+import { cn } from "@/lib/utils";
 import { useCommand, useCommandGroup } from ".";
 
 const props = defineProps<

components/ui/command/CommandList.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { ListboxContentProps } from "reka-ui";
 import { ListboxContent, useForwardProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     ListboxContentProps & { class?: HTMLAttributes["class"] }

components/ui/command/CommandSeparator.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { SeparatorProps } from "reka-ui";
 import { Separator } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     SeparatorProps & { class?: HTMLAttributes["class"] }

components/ui/command/CommandShortcut.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];

components/ui/dialog/DialogContent.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { X } from "lucide-vue-next";
 import {
     DialogClose,
@@ -9,7 +8,8 @@ import {
     DialogPortal,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import DialogOverlay from "./DialogOverlay.vue";
 
 const props = defineProps<

components/ui/dialog/DialogDescription.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     DialogDescription,
     type DialogDescriptionProps,
     useForwardProps,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DialogDescriptionProps & { class?: HTMLAttributes["class"] }

components/ui/dialog/DialogFooter.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{ class?: HTMLAttributes["class"] }>();
 </script>

components/ui/dialog/DialogHeader.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];

components/ui/dialog/DialogOverlay.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { DialogOverlay, type DialogOverlayProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DialogOverlayProps & { class?: HTMLAttributes["class"] }

components/ui/dialog/DialogScrollContent.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { X } from "lucide-vue-next";
 import {
     DialogClose,
@@ -10,7 +9,8 @@ import {
     DialogPortal,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DialogContentProps & { class?: HTMLAttributes["class"] }

components/ui/dialog/DialogTitle.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { DialogTitle, type DialogTitleProps, useForwardProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DialogTitleProps & { class?: HTMLAttributes["class"] }

components/ui/drawer/DrawerContent.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import type { DialogContentEmits, DialogContentProps } from "reka-ui";
 import { useForwardPropsEmits } from "reka-ui";
 import { DrawerContent, DrawerPortal } from "vaul-vue";
 import type { HtmlHTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import DrawerOverlay from "./DrawerOverlay.vue";
 
 const props = defineProps<

components/ui/drawer/DrawerDescription.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import type { DrawerDescriptionProps } from "vaul-vue";
 import { DrawerDescription } from "vaul-vue";
-import { type HtmlHTMLAttributes, computed } from "vue";
+import { computed, type HtmlHTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DrawerDescriptionProps & { class?: HtmlHTMLAttributes["class"] }

components/ui/drawer/DrawerFooter.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import type { HtmlHTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HtmlHTMLAttributes["class"];

components/ui/drawer/DrawerHeader.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import type { HtmlHTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HtmlHTMLAttributes["class"];

components/ui/drawer/DrawerOverlay.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import type { DialogOverlayProps } from "reka-ui";
 import { DrawerOverlay } from "vaul-vue";
-import { type HtmlHTMLAttributes, computed } from "vue";
+import { computed, type HtmlHTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DialogOverlayProps & { class?: HtmlHTMLAttributes["class"] }

components/ui/drawer/DrawerTitle.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import type { DrawerTitleProps } from "vaul-vue";
 import { DrawerTitle } from "vaul-vue";
-import { type HtmlHTMLAttributes, computed } from "vue";
+import { computed, type HtmlHTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DrawerTitleProps & { class?: HtmlHTMLAttributes["class"] }

components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Check } from "lucide-vue-next";
 import {
     DropdownMenuCheckboxItem,
@@ -8,7 +7,8 @@ import {
     DropdownMenuItemIndicator,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DropdownMenuCheckboxItemProps & { class?: HTMLAttributes["class"] }

components/ui/dropdown-menu/DropdownMenuContent.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     DropdownMenuContent,
     type DropdownMenuContentEmits,
@@ -7,7 +6,8 @@ import {
     DropdownMenuPortal,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = withDefaults(
     defineProps<

components/ui/dropdown-menu/DropdownMenuItem.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import {
     DropdownMenuItem,
@@ -7,6 +6,7 @@ import {
     useForwardProps,
 } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = withDefaults(
     defineProps<

components/ui/dropdown-menu/DropdownMenuLabel.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import {
     DropdownMenuLabel,
@@ -7,6 +6,7 @@ import {
     useForwardProps,
 } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DropdownMenuLabelProps & {

components/ui/dropdown-menu/DropdownMenuRadioItem.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Circle } from "lucide-vue-next";
 import {
     DropdownMenuItemIndicator,
@@ -8,7 +7,8 @@ import {
     type DropdownMenuRadioItemProps,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DropdownMenuRadioItemProps & { class?: HTMLAttributes["class"] }

components/ui/dropdown-menu/DropdownMenuSeparator.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     DropdownMenuSeparator,
     type DropdownMenuSeparatorProps,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DropdownMenuSeparatorProps & {

components/ui/dropdown-menu/DropdownMenuShortcut.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];

components/ui/dropdown-menu/DropdownMenuSubContent.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     DropdownMenuSubContent,
     type DropdownMenuSubContentEmits,
     type DropdownMenuSubContentProps,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DropdownMenuSubContentProps & { class?: HTMLAttributes["class"] }

components/ui/dropdown-menu/DropdownMenuSubTrigger.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import { ChevronRight } from "lucide-vue-next";
 import {
@@ -8,6 +7,7 @@ import {
     useForwardProps,
 } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DropdownMenuSubTriggerProps & {

components/ui/dropdown-menu/index.ts

@@ -1,5 +1,5 @@
+export { DropdownMenuPortal } from "reka-ui";
 export { default as DropdownMenu } from "./DropdownMenu.vue";
-
 export { default as DropdownMenuCheckboxItem } from "./DropdownMenuCheckboxItem.vue";
 export { default as DropdownMenuContent } from "./DropdownMenuContent.vue";
 export { default as DropdownMenuGroup } from "./DropdownMenuGroup.vue";
@@ -13,4 +13,3 @@ export { default as DropdownMenuSub } from "./DropdownMenuSub.vue";
 export { default as DropdownMenuSubContent } from "./DropdownMenuSubContent.vue";
 export { default as DropdownMenuSubTrigger } from "./DropdownMenuSubTrigger.vue";
 export { default as DropdownMenuTrigger } from "./DropdownMenuTrigger.vue";
-export { DropdownMenuPortal } from "reka-ui";

components/ui/form/FormDescription.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import { useFormField } from "./useFormField";
 
 const props = defineProps<{

components/ui/form/FormItem.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import { useId } from "reka-ui";
 import { type HTMLAttributes, provide } from "vue";
+import { cn } from "@/lib/utils";
 import { FORM_ITEM_INJECTION_KEY } from "./injectionKeys";
 
 const props = defineProps<{

components/ui/form/FormLabel.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { Label } from "@/components/ui/label";
-import { cn } from "@/lib/utils";
 import type { LabelProps } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { Label } from "@/components/ui/label";
+import { cn } from "@/lib/utils";
 import { useFormField } from "./useFormField";
 
 const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>();

components/ui/form/FormMessage.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import { ErrorMessage } from "vee-validate";
 import { type HTMLAttributes, toValue } from "vue";
+import { cn } from "@/lib/utils";
 import { useFormField } from "./useFormField";
 
 const props = defineProps<{

components/ui/form/index.ts

@@ -1,11 +1,11 @@
+export {
+    Field as FormField,
+    FieldArray as FormFieldArray,
+    Form,
+} from "vee-validate";
 export { default as FormControl } from "./FormControl.vue";
 export { default as FormDescription } from "./FormDescription.vue";
 export { default as FormItem } from "./FormItem.vue";
 export { default as FormLabel } from "./FormLabel.vue";
 export { default as FormMessage } from "./FormMessage.vue";
 export { FORM_ITEM_INJECTION_KEY } from "./injectionKeys";
-export {
-    Form,
-    Field as FormField,
-    FieldArray as FormFieldArray,
-} from "vee-validate";

components/ui/hover-card/HoverCardContent.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     HoverCardContent,
     type HoverCardContentProps,
     HoverCardPortal,
     useForwardProps,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = withDefaults(
     defineProps<HoverCardContentProps & { class?: HTMLAttributes["class"] }>(),

components/ui/input/Input.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { useVModel } from "@vueuse/core";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     defaultValue?: string | number;

components/ui/label/Label.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Label, type LabelProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>();
 

components/ui/number-field/NumberField.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { NumberFieldRootEmits, NumberFieldRootProps } from "reka-ui";
 import { NumberFieldRoot, useForwardPropsEmits } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     NumberFieldRootProps & { class?: HTMLAttributes["class"] }

components/ui/number-field/NumberFieldContent.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];

components/ui/number-field/NumberFieldDecrement.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Minus } from "lucide-vue-next";
 import type { NumberFieldDecrementProps } from "reka-ui";
 import { NumberFieldDecrement, useForwardProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     NumberFieldDecrementProps & { class?: HTMLAttributes["class"] }

components/ui/number-field/NumberFieldIncrement.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Plus } from "lucide-vue-next";
 import type { NumberFieldIncrementProps } from "reka-ui";
 import { NumberFieldIncrement, useForwardProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     NumberFieldIncrementProps & { class?: HTMLAttributes["class"] }

components/ui/number-field/NumberFieldInput.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { NumberFieldInput } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];

components/ui/popover/PopoverContent.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     PopoverContent,
     type PopoverContentEmits,
@@ -7,7 +6,8 @@ import {
     PopoverPortal,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 defineOptions({
     inheritAttrs: false,

components/ui/select/SelectContent.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     SelectContent,
     type SelectContentEmits,
@@ -8,7 +7,8 @@ import {
     SelectViewport,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import { SelectScrollDownButton, SelectScrollUpButton } from ".";
 
 defineOptions({

components/ui/select/SelectItem.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Check } from "lucide-vue-next";
 import {
     SelectItem,
@@ -8,7 +7,8 @@ import {
     SelectItemText,
     useForwardProps,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     SelectItemProps & { class?: HTMLAttributes["class"] }

components/ui/select/SelectLabel.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { SelectLabel, type SelectLabelProps } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     SelectLabelProps & { class?: HTMLAttributes["class"] }

components/ui/select/SelectScrollDownButton.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { ChevronDown } from "lucide-vue-next";
 import {
     SelectScrollDownButton,
     type SelectScrollDownButtonProps,
     useForwardProps,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     SelectScrollDownButtonProps & { class?: HTMLAttributes["class"] }

components/ui/select/SelectScrollUpButton.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { ChevronUp } from "lucide-vue-next";
 import {
     SelectScrollUpButton,
     type SelectScrollUpButtonProps,
     useForwardProps,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     SelectScrollUpButtonProps & { class?: HTMLAttributes["class"] }

components/ui/select/SelectSeparator.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { SelectSeparator, type SelectSeparatorProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     SelectSeparatorProps & { class?: HTMLAttributes["class"] }

components/ui/select/SelectTrigger.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import { ChevronDown } from "lucide-vue-next";
 import {
@@ -9,6 +8,7 @@ import {
     useForwardProps,
 } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = withDefaults(
     defineProps<

components/ui/separator/Separator.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import { Separator, type SeparatorProps } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = withDefaults(
     defineProps<SeparatorProps & { class?: HTMLAttributes["class"] }>(),

components/ui/sheet/SheetContent.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import { X } from "lucide-vue-next";
 import {
@@ -11,6 +10,7 @@ import {
     useForwardPropsEmits,
 } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import SheetOverlay from "./SheetOverlay.vue";
 
 interface SheetContentProps extends DialogContentProps {

components/ui/sheet/SheetDescription.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { DialogDescription, type DialogDescriptionProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DialogDescriptionProps & { class?: HTMLAttributes["class"] }

components/ui/sheet/SheetFooter.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{ class?: HTMLAttributes["class"] }>();
 </script>