Standardized tilde imports for non modules

components/ui/alert-dialog/AlertDialogAction.vue

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

components/ui/alert-dialog/AlertDialogCancel.vue

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

components/ui/alert-dialog/AlertDialogContent.vue

@@ -8,7 +8,7 @@ import {
   AlertDialogPortal,
   useForwardPropsEmits,
 } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<AlertDialogContentProps & { class?: HTMLAttributes["class"] }>()
 const emits = defineEmits<AlertDialogContentEmits>()

components/ui/alert-dialog/AlertDialogDescription.vue

@@ -4,7 +4,7 @@ import {
   AlertDialogDescription,
   type AlertDialogDescriptionProps,
 } from "radix-vue"
-import { cn } from "@/lib/utils"
+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 type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+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 type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+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 { type HTMLAttributes, computed } from "vue"
 import { AlertDialogTitle, type AlertDialogTitleProps } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<AlertDialogTitleProps & { class?: HTMLAttributes["class"] }>()
 

components/ui/avatar/Avatar.vue

@@ -2,7 +2,7 @@
 import type { HTMLAttributes } from "vue"
 import { AvatarRoot } from "radix-vue"
 import { type AvatarVariants, avatarVariant } from "."
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = withDefaults(defineProps<{
   class?: HTMLAttributes["class"]

components/ui/badge/Badge.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue"
 import { type BadgeVariants, badgeVariants } from "."
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<{
   variant?: BadgeVariants["variant"]

components/ui/breadcrumb/BreadcrumbEllipsis.vue

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

components/ui/breadcrumb/BreadcrumbItem.vue

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

components/ui/breadcrumb/BreadcrumbLink.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { PrimitiveProps } from "radix-vue"
 import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 import { Primitive } from "radix-vue"
 
 const props = withDefaults(defineProps<PrimitiveProps & { class?: HTMLAttributes["class"] }>(), {

components/ui/breadcrumb/BreadcrumbList.vue

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

components/ui/breadcrumb/BreadcrumbPage.vue

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

components/ui/breadcrumb/BreadcrumbSeparator.vue

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

components/ui/button/Button.vue

@@ -2,7 +2,7 @@
 import type { HTMLAttributes } from "vue"
 import { Primitive, type PrimitiveProps } from "radix-vue"
 import { type ButtonVariants, buttonVariants } from "."
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 interface Props extends PrimitiveProps {
   variant?: ButtonVariants["variant"]

components/ui/card/Card.vue

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

components/ui/checkbox/Checkbox.vue

@@ -3,7 +3,7 @@ import { type HTMLAttributes, computed } from "vue"
 import type { CheckboxRootEmits, CheckboxRootProps } from "radix-vue"
 import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "radix-vue"
 import { Check } from "lucide-vue-next"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<CheckboxRootProps & { class?: HTMLAttributes["class"] }>()
 const emits = defineEmits<CheckboxRootEmits>()

components/ui/command/Command.vue

@@ -2,7 +2,7 @@
 import { type HTMLAttributes, computed } from "vue"
 import type { ComboboxRootEmits, ComboboxRootProps } from "radix-vue"
 import { ComboboxRoot, useForwardPropsEmits } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = withDefaults(defineProps<ComboboxRootProps & { class?: HTMLAttributes["class"] }>(), {
   open: true,

components/ui/command/CommandDialog.vue

@@ -2,7 +2,7 @@
 import { useForwardPropsEmits } from "radix-vue"
 import type { DialogRootEmits, DialogRootProps } from "radix-vue"
 import Command from "./Command.vue"
-import { Dialog, DialogContent } from "@/components/ui/dialog"
+import { Dialog, DialogContent } from "~/components/ui/dialog"
 
 const props = defineProps<DialogRootProps>()
 const emits = defineEmits<DialogRootEmits>()

components/ui/command/CommandEmpty.vue

@@ -2,7 +2,7 @@
 import { type HTMLAttributes, computed } from "vue"
 import type { ComboboxEmptyProps } from "radix-vue"
 import { ComboboxEmpty } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<ComboboxEmptyProps & { class?: HTMLAttributes["class"] }>()
 

components/ui/command/CommandGroup.vue

@@ -2,7 +2,7 @@
 import { type HTMLAttributes, computed } from "vue"
 import type { ComboboxGroupProps } from "radix-vue"
 import { ComboboxGroup, ComboboxLabel } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<
   ComboboxGroupProps & {

components/ui/command/CommandInput.vue

@@ -2,7 +2,7 @@
 import { type HTMLAttributes, computed } from "vue"
 import { Search } from "lucide-vue-next"
 import { ComboboxInput, type ComboboxInputProps, useForwardProps } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 defineOptions({
   inheritAttrs: false

components/ui/command/CommandItem.vue

@@ -2,7 +2,7 @@
 import { type HTMLAttributes, computed } from "vue"
 import type { ComboboxItemEmits, ComboboxItemProps } from "radix-vue"
 import { ComboboxItem, useForwardPropsEmits } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<ComboboxItemProps & { class?: HTMLAttributes["class"] }>()
 const emits = defineEmits<ComboboxItemEmits>()

components/ui/command/CommandList.vue

@@ -2,7 +2,7 @@
 import { type HTMLAttributes, computed } from "vue"
 import type { ComboboxContentEmits, ComboboxContentProps } from "radix-vue"
 import { ComboboxContent, useForwardPropsEmits } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = withDefaults(
   defineProps<ComboboxContentProps & { class?: HTMLAttributes["class"] }>(),

components/ui/command/CommandSeparator.vue

@@ -2,7 +2,7 @@
 import { type HTMLAttributes, computed } from "vue"
 import type { ComboboxSeparatorProps } from "radix-vue"
 import { ComboboxSeparator } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<ComboboxSeparatorProps & { class?: HTMLAttributes["class"] }>()
 

components/ui/command/CommandShortcut.vue

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

components/ui/dialog/DialogContent.vue

@@ -10,7 +10,7 @@ import {
   useForwardPropsEmits
 } from "radix-vue"
 import { X } from "lucide-vue-next"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<DialogContentProps & { class?: HTMLAttributes["class"] }>()
 const emits = defineEmits<DialogContentEmits>()

components/ui/dialog/DialogDescription.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue"
 import { DialogDescription, type DialogDescriptionProps, useForwardProps } from "radix-vue"
-import { cn } from "@/lib/utils"
+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 type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+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 type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<{
   class?: HTMLAttributes["class"]

components/ui/dialog/DialogScrollContent.vue

@@ -10,7 +10,7 @@ import {
   useForwardPropsEmits
 } from "radix-vue"
 import { X } from "lucide-vue-next"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<DialogContentProps & { class?: HTMLAttributes["class"] }>()
 const emits = defineEmits<DialogContentEmits>()

components/ui/dialog/DialogTitle.vue

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

components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue

@@ -8,7 +8,7 @@ import {
   useForwardPropsEmits
 } from "radix-vue"
 import { Check } from "lucide-vue-next"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes["class"] }>()
 const emits = defineEmits<DropdownMenuCheckboxItemEmits>()

components/ui/dropdown-menu/DropdownMenuContent.vue

@@ -7,7 +7,7 @@ import {
   DropdownMenuPortal,
   useForwardPropsEmits
 } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = withDefaults(
   defineProps<DropdownMenuContentProps & { class?: HTMLAttributes["class"] }>(),

components/ui/dropdown-menu/DropdownMenuItem.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue"
 import { DropdownMenuItem, type DropdownMenuItemProps, useForwardProps } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<
   DropdownMenuItemProps & { class?: HTMLAttributes["class"]; inset?: boolean }

components/ui/dropdown-menu/DropdownMenuLabel.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue"
 import { DropdownMenuLabel, type DropdownMenuLabelProps, useForwardProps } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<
   DropdownMenuLabelProps & { class?: HTMLAttributes["class"]; inset?: boolean }

components/ui/dropdown-menu/DropdownMenuRadioItem.vue

@@ -8,7 +8,7 @@ import {
   useForwardPropsEmits
 } from "radix-vue"
 import { Circle } from "lucide-vue-next"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes["class"] }>()
 

components/ui/dropdown-menu/DropdownMenuSeparator.vue

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

components/ui/dropdown-menu/DropdownMenuShortcut.vue

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

components/ui/dropdown-menu/DropdownMenuSubContent.vue

@@ -6,7 +6,7 @@ import {
   type DropdownMenuSubContentProps,
   useForwardPropsEmits
 } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes["class"] }>()
 const emits = defineEmits<DropdownMenuSubContentEmits>()

components/ui/dropdown-menu/DropdownMenuSubTrigger.vue

@@ -5,7 +5,7 @@ import {
   type DropdownMenuSubTriggerProps,
   useForwardProps
 } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 import { PhCaretLeft, PhCaretRight } from "@phosphor-icons/vue";
 
 const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes["class"], arrowDirection?: "left" | "right" }>()

components/ui/input/Input.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue"
 import { useVModel } from "@vueuse/core"
-import { cn } from "@/lib/utils"
+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 { type HTMLAttributes, computed } from "vue"
 import { Label, type LabelProps } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>()
 

components/ui/pagination/PaginationEllipsis.vue

@@ -2,7 +2,7 @@
 import { type HTMLAttributes, computed } from "vue"
 import { PaginationEllipsis, type PaginationEllipsisProps } from "radix-vue"
 import { MoreHorizontal } from "lucide-vue-next"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<PaginationEllipsisProps & { class?: HTMLAttributes["class"] }>()
 

components/ui/pagination/PaginationFirst.vue

@@ -2,8 +2,8 @@
 import { type HTMLAttributes, computed } from "vue"
 import { PaginationFirst, type PaginationFirstProps } from "radix-vue"
 import { ChevronsLeft } from "lucide-vue-next"
-import { Button } from "@/components/ui/button"
-import { cn } from "@/lib/utils"
+import { Button } from "~/components/ui/button"
+import { cn } from "~/lib/utils"
 
 const props = withDefaults(
   defineProps<PaginationFirstProps & { class?: HTMLAttributes["class"] }>(),

components/ui/pagination/PaginationLast.vue

@@ -2,8 +2,8 @@
 import { type HTMLAttributes, computed } from "vue"
 import { PaginationLast, type PaginationLastProps } from "radix-vue"
 import { ChevronsRight } from "lucide-vue-next"
-import { Button } from "@/components/ui/button"
-import { cn } from "@/lib/utils"
+import { Button } from "~/components/ui/button"
+import { cn } from "~/lib/utils"
 
 const props = withDefaults(
   defineProps<PaginationLastProps & { class?: HTMLAttributes["class"] }>(),

components/ui/pagination/PaginationNext.vue

@@ -2,8 +2,8 @@
 import { type HTMLAttributes, computed } from "vue"
 import { PaginationNext, type PaginationNextProps } from "radix-vue"
 import { ChevronRight } from "lucide-vue-next"
-import { Button } from "@/components/ui/button"
-import { cn } from "@/lib/utils"
+import { Button } from "~/components/ui/button"
+import { cn } from "~/lib/utils"
 
 const props = withDefaults(
   defineProps<PaginationNextProps & { class?: HTMLAttributes["class"] }>(),

components/ui/pagination/PaginationPrev.vue

@@ -2,8 +2,8 @@
 import { type HTMLAttributes, computed } from "vue"
 import { PaginationPrev, type PaginationPrevProps } from "radix-vue"
 import { ChevronLeft } from "lucide-vue-next"
-import { Button } from "@/components/ui/button"
-import { cn } from "@/lib/utils"
+import { Button } from "~/components/ui/button"
+import { cn } from "~/lib/utils"
 
 const props = withDefaults(
   defineProps<PaginationPrevProps & { class?: HTMLAttributes["class"] }>(),

components/ui/popover/PopoverContent.vue

@@ -7,7 +7,7 @@ import {
   PopoverPortal,
   useForwardPropsEmits
 } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 defineOptions({
   inheritAttrs: false

components/ui/progress/Progress.vue

@@ -5,7 +5,7 @@ import {
   ProgressRoot,
   type ProgressRootProps,
 } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = withDefaults(
   defineProps<ProgressRootProps & { class?: HTMLAttributes["class"] }>(),

components/ui/select/SelectContent.vue

@@ -9,7 +9,7 @@ import {
   useForwardPropsEmits
 } from "radix-vue"
 import { SelectScrollDownButton, SelectScrollUpButton } from "."
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 defineOptions({
   inheritAttrs: false

components/ui/select/SelectGroup.vue

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

components/ui/select/SelectItem.vue

@@ -8,7 +8,7 @@ import {
   useForwardProps
 } from "radix-vue"
 import { Check } from "lucide-vue-next"
-import { cn } from "@/lib/utils"
+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 type { HTMLAttributes } from "vue"
 import { SelectLabel, type SelectLabelProps } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<SelectLabelProps & { class?: HTMLAttributes["class"] }>()
 </script>

components/ui/select/SelectScrollDownButton.vue

@@ -6,7 +6,7 @@ import {
   useForwardProps
 } from "radix-vue"
 import { ChevronDown } from "lucide-vue-next"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes["class"] }>()
 

components/ui/select/SelectScrollUpButton.vue

@@ -2,7 +2,7 @@
 import { type HTMLAttributes, computed } from "vue"
 import { SelectScrollUpButton, type SelectScrollUpButtonProps, useForwardProps } from "radix-vue"
 import { ChevronUp } from "lucide-vue-next"
-import { cn } from "@/lib/utils"
+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 { type HTMLAttributes, computed } from "vue"
 import { SelectSeparator, type SelectSeparatorProps } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes["class"] }>()
 

components/ui/select/SelectTrigger.vue

@@ -2,7 +2,7 @@
 import { type HTMLAttributes, computed } from "vue"
 import { SelectIcon, SelectTrigger, type SelectTriggerProps, useForwardProps } from "radix-vue"
 import { ChevronDown } from "lucide-vue-next"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<SelectTriggerProps & { class?: HTMLAttributes["class"] }>()
 

components/ui/skeleton/Skeleton.vue

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

components/ui/switch/Switch.vue

@@ -7,7 +7,7 @@ import {
   SwitchThumb,
   useForwardPropsEmits,
 } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<SwitchRootProps & { class?: HTMLAttributes["class"] }>()
 

components/ui/table/Table.vue

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

components/ui/table/TableBody.vue

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

components/ui/table/TableCaption.vue

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

components/ui/table/TableCell.vue

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

components/ui/table/TableEmpty.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 import { computed } from "vue"
 import TableCell from "./TableCell.vue"
 import TableRow from "./TableRow.vue"

components/ui/table/TableFooter.vue

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

components/ui/table/TableHead.vue

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

components/ui/table/TableHeader.vue

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

components/ui/table/TableRow.vue

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

components/ui/tabs/TabsContent.vue

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

components/ui/tabs/TabsList.vue

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

components/ui/tabs/TabsTrigger.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue"
 import { TabsTrigger, type TabsTriggerProps, useForwardProps } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<TabsTriggerProps & { class?: HTMLAttributes["class"] }>()
 

components/ui/tags-input/TagsInput.vue

@@ -6,7 +6,7 @@ import {
   type TagsInputRootProps,
   useForwardPropsEmits
 } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<TagsInputRootProps & { class?: HTMLAttributes["class"] }>()
 const emits = defineEmits<TagsInputRootEmits>()

components/ui/tags-input/TagsInputInput.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue"
 import { TagsInputInput, type TagsInputInputProps, useForwardProps } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<TagsInputInputProps & { class?: HTMLAttributes["class"] }>()
 

components/ui/tags-input/TagsInputItem.vue

@@ -2,7 +2,7 @@
 import { type HTMLAttributes, computed } from "vue"
 import { TagsInputItem, type TagsInputItemProps, useForwardProps } from "radix-vue"
 
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<TagsInputItemProps & { class?: HTMLAttributes["class"] }>()
 

components/ui/tags-input/TagsInputItemDelete.vue

@@ -2,7 +2,7 @@
 import { type HTMLAttributes, computed } from "vue"
 import { TagsInputItemDelete, type TagsInputItemDeleteProps, useForwardProps } from "radix-vue"
 import { X } from "lucide-vue-next"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<TagsInputItemDeleteProps & { class?: HTMLAttributes["class"] }>()
 

components/ui/tags-input/TagsInputItemText.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue"
 import { TagsInputItemText, type TagsInputItemTextProps, useForwardProps } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<TagsInputItemTextProps & { class?: HTMLAttributes["class"] }>()
 

components/ui/toast/Toast.vue

@@ -2,7 +2,7 @@
 import { computed } from "vue"
 import { ToastRoot, type ToastRootEmits, useForwardPropsEmits } from "radix-vue"
 import { type ToastProps, toastVariants } from "."
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<ToastProps>()
 

components/ui/toast/ToastAction.vue

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

components/ui/toast/ToastClose.vue

@@ -2,7 +2,7 @@
 import { type HTMLAttributes, computed } from "vue"
 import { ToastClose, type ToastCloseProps } from "radix-vue"
 import { X } from "lucide-vue-next"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = defineProps<ToastCloseProps & {
   class?: HTMLAttributes["class"]

components/ui/toast/ToastDescription.vue

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

components/ui/toast/ToastTitle.vue

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

components/ui/toast/ToastViewport.vue

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

components/ui/toggle-group/ToggleGroup.vue

@@ -7,8 +7,8 @@ import {
   type ToggleGroupRootProps,
   useForwardPropsEmits
 } from "radix-vue"
-import type { toggleVariants } from "@/components/ui/toggle"
-import { cn } from "@/lib/utils"
+import type { toggleVariants } from "~/components/ui/toggle"
+import { cn } from "~/lib/utils"
 
 type ToggleGroupVariants = VariantProps<typeof toggleVariants>
 

components/ui/toggle-group/ToggleGroupItem.vue

@@ -2,8 +2,8 @@
 import type { VariantProps } from "class-variance-authority"
 import { type HTMLAttributes, computed, inject } from "vue"
 import { ToggleGroupItem, type ToggleGroupItemProps, useForwardProps } from "radix-vue"
-import { toggleVariants } from "@/components/ui/toggle"
-import { cn } from "@/lib/utils"
+import { toggleVariants } from "~/components/ui/toggle"
+import { cn } from "~/lib/utils"
 
 type ToggleGroupVariants = VariantProps<typeof toggleVariants>
 

components/ui/toggle/Toggle.vue

@@ -2,7 +2,7 @@
 import { type HTMLAttributes, computed } from "vue"
 import { Toggle, type ToggleEmits, type ToggleProps, useForwardPropsEmits } from "radix-vue"
 import { type ToggleVariants, toggleVariants } from "."
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 const props = withDefaults(
   defineProps<

components/ui/tooltip/TooltipContent.vue

@@ -7,7 +7,7 @@ import {
   TooltipPortal,
   useForwardPropsEmits
 } from "radix-vue"
-import { cn } from "@/lib/utils"
+import { cn } from "~/lib/utils"
 
 defineOptions({
   inheritAttrs: false