Standardized tilde imports for non modules

components/calendar/Calendar.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useCalendar } from "@/stores/CalendarStore"
+import { useCalendar } from "~/stores/CalendarStore"
 import { computed, type Component, type ComputedRef } from "vue"
 
 // import { PhMagnifyingGlass } from '@phosphor-icons/vue'

components/calendar/OptionsCTA.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils"
-import { useCalendar } from "@/stores/CalendarStore"
+import { cn } from "~/lib/utils"
+import { useCalendar } from "~/stores/CalendarStore"
 import { PhCalendarBlank, PhCheckCircle, PhGear } from "@phosphor-icons/vue"
 import { computed } from "vue"
 

components/calendar/PreviewCard.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
+import { cn } from "~/lib/utils";
 import { PhArchive, PhCalendarDots, PhFile, PhFileDashed, PhFilePlus, PhPencil, PhPencilSimpleLine, PhTrash } from "@phosphor-icons/vue";
 import { DateTime } from "luxon";
 import type { Calendar } from "~/models/CalendarConfig";

components/calendar/event/Details.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils"
-import type { RPGDate } from "@/models/Date"
-import type { CalendarEvent } from "@/models/CalendarEvent"
-import { useCalendar } from "@/stores/CalendarStore"
+import { cn } from "~/lib/utils"
+import type { RPGDate } from "~/models/Date"
+import type { CalendarEvent } from "~/models/CalendarEvent"
+import { useCalendar } from "~/stores/CalendarStore"
 
 import {
   PhHourglassMedium,

components/calendar/event/Event.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils"
-import type { RPGDate } from "@/models/Date"
+import { cn } from "~/lib/utils"
+import type { RPGDate } from "~/models/Date"
 import type { CalendarEvent } from "~/models/CalendarEvent"
 
 const props = defineProps<{

components/calendar/menu/Menu.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useCalendar } from "@/stores/CalendarStore"
+import { useCalendar } from "~/stores/CalendarStore"
 
 import { PhMagnifyingGlass } from "@phosphor-icons/vue"
 

components/calendar/search/CalendarSearch.vue

@@ -2,13 +2,13 @@
 import {
   isCharacter,
   type Character,
-} from "@/models/Characters"
-import type { RPGDateOrder } from "@/models/Date"
+} from "~/models/Characters"
+import type { RPGDateOrder } from "~/models/Date"
 import {
   isCalendarEvent,
   type CalendarEvent,
 } from "~/models/CalendarEvent"
-import { capitalize } from "@/utils/Strings"
+import { capitalize } from "~/utils/Strings"
 import { useMagicKeys, useScroll, useStorage, whenever } from "@vueuse/core"
 import { computed, ref, watch } from "vue"
 import { searchUnifier, type SearchMode } from "../SearchMode"

components/calendar/search/lists/CharacterCallout.vue

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-import type { Character } from "@/models/Characters"
-import type { RPGDate } from "@/models/Date"
-import { useCalendar } from "@/stores/CalendarStore"
+import type { Character } from "~/models/Characters"
+import type { RPGDate } from "~/models/Date"
+import { useCalendar } from "~/stores/CalendarStore"
 
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip"
-import { Button } from "@/components/ui/button"
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "~/components/ui/tooltip"
+import { Button } from "~/components/ui/button"
 import { PhArrowSquareOut, PhPlant, PhSkull } from "@phosphor-icons/vue"
 
 const props = defineProps<{

components/calendar/search/lists/EventCallout.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils"
-import type { RPGDate } from "@/models/Date"
-import type { CalendarEvent } from "@/models/CalendarEvent"
+import { cn } from "~/lib/utils"
+import type { RPGDate } from "~/models/Date"
+import type { CalendarEvent } from "~/models/CalendarEvent"
 
 import { PhArrowSquareOut, PhHourglassMedium, PhAlarm, PhMapPinArea, PhEye } from "@phosphor-icons/vue"
 

components/calendar/search/lists/SearchList.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { isCharacter, type Character } from "@/models/Characters"
-import type { RPGDate, RPGDateOrder } from "@/models/Date"
-import { useCalendar } from "@/stores/CalendarStore"
+import { isCharacter, type Character } from "~/models/Characters"
+import type { RPGDate, RPGDateOrder } from "~/models/Date"
+import { useCalendar } from "~/stores/CalendarStore"
 import { computed } from "vue"
 import { isCalendarEvent, type CalendarEvent } from "~/models/CalendarEvent"
 import type { SearchMode } from "../../SearchMode"

components/calendar/state/monthly/DayTile.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import type { RPGDate } from "@/models/Date"
-import type { CalendarEvent } from "@/models/CalendarEvent"
+import type { RPGDate } from "~/models/Date"
+import type { CalendarEvent } from "~/models/CalendarEvent"
 import { useElementBounding } from "@vueuse/core"
 import { storeToRefs } from "pinia"
 import { computed, ref, type ComputedRef } from "vue"

components/calendar/state/monthly/Layout.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useCalendar } from "@/stores/CalendarStore"
+import { useCalendar } from "~/stores/CalendarStore"
 import { useThrottleFn } from "@vueuse/core"
 
 const { currentDate, decrementViewMonth, incrementViewMonth } = useCalendar()

components/calendar/state/yearly/DayTile.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { RPGDate } from "@/models/Date"
+import type { RPGDate } from "~/models/Date"
 import { storeToRefs } from "pinia"
 import { computed, type ComputedRef } from "vue"
 

components/calendar/state/yearly/Layout.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useCalendar } from "@/stores/CalendarStore"
+import { useCalendar } from "~/stores/CalendarStore"
 import { useThrottleFn } from "@vueuse/core"
 
 const { decrementViewYear, incrementViewYear } = useCalendar()

components/global/input/Color.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
+import { cn } from "~/lib/utils";
 import { type RPGColor, rpgColors } from "~/models/Color";
 
 const { id, theme = "normal", position = "popper" } = defineProps<{

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"] }>()