chore: ⬆️ Upgrade Biome to v2

app.vue

@@ -19,6 +19,7 @@ import ConfirmationModal from "./components/modals/confirm.vue";
 import { Toaster } from "./components/ui/sonner";
 import { TooltipProvider } from "./components/ui/tooltip";
 import { overwriteGetLocale } from "./paraglide/runtime";
+
 // Sin
 //import "~/styles/mcdonalds.css";
 

biome.json

@@ -1,18 +1,18 @@
 {
-    "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+    "$schema": "https://biomejs.dev/schemas/2.0.5/schema.json",
-    "organizeImports": {
+    "assist": { "actions": { "source": { "organizeImports": "on" } } },
-        "enabled": true
-    },
     "linter": {
         "enabled": true,
         "rules": {
-            "all": true,
             "suspicious": {
                 "noConsole": "off",
-                "noExplicitAny": "off"
+                "noExplicitAny": "off",
+                "noDuplicateElseIf": "error",
+                "noDocumentCookie": "off"
             },
             "performance": {
-                "noBarrelFile": "off"
+                "noBarrelFile": "off",
+                "noNamespaceImport": "off"
             },
             "correctness": {
                 "noNodejsModules": "off",
@@ -30,7 +30,6 @@
             "style": {
                 "noDefaultExport": "off",
                 "noParameterProperties": "off",
-                "noNamespaceImport": "off",
                 "useFilenamingConvention": "off",
                 "useNamingConvention": {
                     "level": "warn",
@@ -63,12 +62,20 @@
                             }
                         ]
                     }
-                }
                 },
-            "nursery": {
+                "noParameterAssign": "error",
-                "noDuplicateElseIf": "error",
+                "useAsConstAssertion": "error",
+                "useDefaultParameterLast": "error",
+                "useEnumInitializers": "error",
+                "useSelfClosingElements": "error",
+                "useSingleVarDeclarator": "error",
+                "noUnusedTemplateLiteral": "error",
+                "useNumberNamespace": "error",
+                "noInferrableTypes": "error",
+                "noUselessElse": "error",
                 "noCommonJs": "error"
-            }
+            },
+            "nursery": {}
         }
     },
     "formatter": {
@@ -76,15 +83,31 @@
         "indentStyle": "space",
         "indentWidth": 4
     },
+    "overrides": [
+        {
+            "includes": ["**/*.vue"],
+            "linter": {
+                "rules": {
+                    "correctness": {
+                        "noUnusedImports": "off"
+                    },
+                    "style": {
+                        "useImportType": "off"
+                    }
+                }
+            }
+        }
+    ],
     "files": {
-        "ignore": [
+        "includes": [
-            "node_modules/**/*",
+            "**",
-            "dist/**/*",
+            "!**/node_modules/**/*",
-            ".output",
+            "!**/dist/**/*",
-            ".nuxt",
+            "!**/.output",
-            "paraglide",
+            "!**/.nuxt",
-            "result",
+            "!**/paraglide",
-            "project.inlang"
+            "!**/result",
+            "!**/project.inlang"
         ]
     }
 }

bun.lock

@@ -58,7 +58,7 @@
         "zod": "^3.25.67",
       },
       "devDependencies": {
-        "@biomejs/biome": "^1.9.4",
+        "@biomejs/biome": "^2.0.5",
         "@iconify-json/fluent-emoji": "^1.2.3",
         "@iconify-json/fluent-emoji-flat": "^1.2.3",
         "@iconify-json/noto": "^1.2.3",
@@ -274,23 +274,23 @@
 
     "@badgateway/oauth2-client": ["@badgateway/oauth2-client@3.2.0", "", {}, "sha512-EHsoV6oLHot7HeYkIoSxCZApNgBjwNo1OTV9kXIDnmijGAshlVkJreVAAtexFn+sfDKPE0JW5SCPYJV1y4IoMg=="],
 
-    "@biomejs/biome": ["@biomejs/biome@1.9.4", "", { "optionalDependencies": { "@biomejs/cli-darwin-arm64": "1.9.4", "@biomejs/cli-darwin-x64": "1.9.4", "@biomejs/cli-linux-arm64": "1.9.4", "@biomejs/cli-linux-arm64-musl": "1.9.4", "@biomejs/cli-linux-x64": "1.9.4", "@biomejs/cli-linux-x64-musl": "1.9.4", "@biomejs/cli-win32-arm64": "1.9.4", "@biomejs/cli-win32-x64": "1.9.4" }, "bin": { "biome": "bin/biome" } }, "sha512-1rkd7G70+o9KkTn5KLmDYXihGoTaIGO9PIIN2ZB7UJxFrWw04CZHPYiMRjYsaDvVV7hP1dYNRLxSANLaBFGpog=="],
+    "@biomejs/biome": ["@biomejs/biome@2.0.5", "", { "optionalDependencies": { "@biomejs/cli-darwin-arm64": "2.0.5", "@biomejs/cli-darwin-x64": "2.0.5", "@biomejs/cli-linux-arm64": "2.0.5", "@biomejs/cli-linux-arm64-musl": "2.0.5", "@biomejs/cli-linux-x64": "2.0.5", "@biomejs/cli-linux-x64-musl": "2.0.5", "@biomejs/cli-win32-arm64": "2.0.5", "@biomejs/cli-win32-x64": "2.0.5" }, "bin": { "biome": "bin/biome" } }, "sha512-MztFGhE6cVjf3QmomWu83GpTFyWY8KIcskgRf2AqVEMSH4qI4rNdBLdpAQ11TNK9pUfLGz3IIOC1ZYwgBePtig=="],
 
-    "@biomejs/cli-darwin-arm64": ["@biomejs/cli-darwin-arm64@1.9.4", "", { "os": "darwin", "cpu": "arm64" }, "sha512-bFBsPWrNvkdKrNCYeAp+xo2HecOGPAy9WyNyB/jKnnedgzl4W4Hb9ZMzYNbf8dMCGmUdSavlYHiR01QaYR58cw=="],
+    "@biomejs/cli-darwin-arm64": ["@biomejs/cli-darwin-arm64@2.0.5", "", { "os": "darwin", "cpu": "arm64" }, "sha512-VIIWQv9Rcj9XresjCf3isBFfWjFStsdGZvm8SmwJzKs/22YQj167ge7DkxuaaZbNf2kmYif0AcjAKvtNedEoEw=="],
 
-    "@biomejs/cli-darwin-x64": ["@biomejs/cli-darwin-x64@1.9.4", "", { "os": "darwin", "cpu": "x64" }, "sha512-ngYBh/+bEedqkSevPVhLP4QfVPCpb+4BBe2p7Xs32dBgs7rh9nY2AIYUL6BgLw1JVXV8GlpKmb/hNiuIxfPfZg=="],
+    "@biomejs/cli-darwin-x64": ["@biomejs/cli-darwin-x64@2.0.5", "", { "os": "darwin", "cpu": "x64" }, "sha512-DRpGxBgf5Z7HUFcNUB6n66UiD4VlBlMpngNf32wPraxX8vYU6N9cb3xQWOXIQVBBQ64QfsSLJnjNu79i/LNmSg=="],
 
-    "@biomejs/cli-linux-arm64": ["@biomejs/cli-linux-arm64@1.9.4", "", { "os": "linux", "cpu": "arm64" }, "sha512-fJIW0+LYujdjUgJJuwesP4EjIBl/N/TcOX3IvIHJQNsAqvV2CHIogsmA94BPG6jZATS4Hi+xv4SkBBQSt1N4/g=="],
+    "@biomejs/cli-linux-arm64": ["@biomejs/cli-linux-arm64@2.0.5", "", { "os": "linux", "cpu": "arm64" }, "sha512-FQTfDNMXOknf8+g9Eede2daaduRjTC2SNbfWPNFMadN9K3UKjeZ62jwiYxztPaz9zQQsZU8VbddQIaeQY5CmIA=="],
 
-    "@biomejs/cli-linux-arm64-musl": ["@biomejs/cli-linux-arm64-musl@1.9.4", "", { "os": "linux", "cpu": "arm64" }, "sha512-v665Ct9WCRjGa8+kTr0CzApU0+XXtRgwmzIf1SeKSGAv+2scAlW6JR5PMFo6FzqqZ64Po79cKODKf3/AAmECqA=="],
+    "@biomejs/cli-linux-arm64-musl": ["@biomejs/cli-linux-arm64-musl@2.0.5", "", { "os": "linux", "cpu": "arm64" }, "sha512-OpflTCOw/ElEs7QZqN/HFaSViPHjAsAPxFJ22LhWUWvuJgcy/Z8+hRV0/3mk/ZRWy5A6fCDKHZqAxU+xB6W4mA=="],
 
-    "@biomejs/cli-linux-x64": ["@biomejs/cli-linux-x64@1.9.4", "", { "os": "linux", "cpu": "x64" }, "sha512-lRCJv/Vi3Vlwmbd6K+oQ0KhLHMAysN8lXoCI7XeHlxaajk06u7G+UsFSO01NAs5iYuWKmVZjmiOzJ0OJmGsMwg=="],
+    "@biomejs/cli-linux-x64": ["@biomejs/cli-linux-x64@2.0.5", "", { "os": "linux", "cpu": "x64" }, "sha512-znpfydUDPuDkyBTulnODrQVK2FaG/4hIOPcQSsF2GeauQOYrBAOplj0etGB0NUrr0dFsvaQ15nzDXYb60ACoiw=="],
 
-    "@biomejs/cli-linux-x64-musl": ["@biomejs/cli-linux-x64-musl@1.9.4", "", { "os": "linux", "cpu": "x64" }, "sha512-gEhi/jSBhZ2m6wjV530Yy8+fNqG8PAinM3oV7CyO+6c3CEh16Eizm21uHVsyVBEB6RIM8JHIl6AGYCv6Q6Q9Tg=="],
+    "@biomejs/cli-linux-x64-musl": ["@biomejs/cli-linux-x64-musl@2.0.5", "", { "os": "linux", "cpu": "x64" }, "sha512-9lmjCnajAzpZXbav2P6D87ugkhnaDpJtDvOH5uQbY2RXeW6Rq18uOUltxgacGBP+d8GusTr+s3IFOu7SN0Ok8g=="],
 
-    "@biomejs/cli-win32-arm64": ["@biomejs/cli-win32-arm64@1.9.4", "", { "os": "win32", "cpu": "arm64" }, "sha512-tlbhLk+WXZmgwoIKwHIHEBZUwxml7bRJgk0X2sPyNR3S93cdRq6XulAZRQJ17FYGGzWne0fgrXBKpl7l4M87Hg=="],
+    "@biomejs/cli-win32-arm64": ["@biomejs/cli-win32-arm64@2.0.5", "", { "os": "win32", "cpu": "arm64" }, "sha512-CP2wKQB+gh8HdJTFKYRFETqReAjxlcN9AlYDEoye8v2eQp+L9v+PUeDql/wsbaUhSsLR0sjj3PtbBtt+02AN3A=="],
 
-    "@biomejs/cli-win32-x64": ["@biomejs/cli-win32-x64@1.9.4", "", { "os": "win32", "cpu": "x64" }, "sha512-8Y5wMhVIPaWe6jw2H+KlEm4wP/f7EW3810ZLmDlrEEy5KvBsb9ECEfu/kMWD484ijfQ8+nIi0giMgu9g1UAuuA=="],
+    "@biomejs/cli-win32-x64": ["@biomejs/cli-win32-x64@2.0.5", "", { "os": "win32", "cpu": "x64" }, "sha512-Sw3rz2m6bBADeQpr3+MD7Ch4E1l15DTt/+dfqKnwkm3cn4BrYwnArmvKeZdVsFRDjMyjlKIP88bw1r7o+9aqzw=="],
 
     "@capsizecss/metrics": ["@capsizecss/metrics@3.5.0", "", {}, "sha512-Ju2I/Qn3c1OaU8FgeW4Tc22D4C9NwyVfKzNmzst59bvxBjPoLYNZMqFYn+HvCtn4MpXwiaDtCE8fNuQLpdi9yA=="],
 

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: {
+            setImage: (options: { shortcode: string }) => ReturnType;
-                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: {
+    extra(props: { value: any; setValue: (value: MaybeRef<any>) => void }): any;
-        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"] }>(),