refactor(ui): update import paths from @/lib/utils to ~/lib/utils

Standardize import paths across UI components to use ~/lib/utils alias instead of @/lib/utils for better consistency and maintainability.
This commit is contained in:
Khafid Prayoga
2025-08-22 11:18:06 +07:00
parent 746d39ea14
commit ae0acf84d0
217 changed files with 444 additions and 239 deletions
+4 -3
View File
@@ -1,8 +1,9 @@
<script setup lang="ts">
import type { HTMLAttributes } from 'vue'
import Sheet from '@/components/pub/ui/sheet/Sheet.vue'
import SheetContent from '@/components/pub/ui/sheet/SheetContent.vue'
import { cn } from '@/lib/utils'
import Sheet from '~/components/pub/ui/sheet/Sheet.vue'
import SheetContent from '~/components/pub/ui/sheet/SheetContent.vue'
import { cn } from '~/lib/utils'
import { SIDEBAR_WIDTH_MOBILE, useSidebar } from './utils'
defineOptions({
@@ -1,6 +1,7 @@
<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']
@@ -1,6 +1,7 @@
<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']
@@ -1,6 +1,7 @@
<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']
@@ -2,7 +2,8 @@
import type { PrimitiveProps } from 'radix-vue'
import type { HTMLAttributes } from 'vue'
import { Primitive } from 'radix-vue'
import { cn } from '@/lib/utils'
import { cn } from '~/lib/utils'
const props = defineProps<PrimitiveProps & {
class?: HTMLAttributes['class']
@@ -1,6 +1,7 @@
<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']
@@ -2,7 +2,8 @@
import type { PrimitiveProps } from 'radix-vue'
import type { HTMLAttributes } from 'vue'
import { Primitive } from 'radix-vue'
import { cn } from '@/lib/utils'
import { cn } from '~/lib/utils'
const props = defineProps<PrimitiveProps & {
class?: HTMLAttributes['class']
@@ -1,6 +1,7 @@
<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']
@@ -1,7 +1,8 @@
<script setup lang="ts">
import type { HTMLAttributes } from 'vue'
import Input from '@/components/pub/ui/input/Input.vue'
import { cn } from '@/lib/utils'
import Input from '~/components/pub/ui/input/Input.vue'
import { cn } from '~/lib/utils'
const props = defineProps<{
class?: HTMLAttributes['class']
@@ -1,6 +1,7 @@
<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']
@@ -1,6 +1,7 @@
<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']
@@ -2,7 +2,8 @@
import type { PrimitiveProps } from 'radix-vue'
import type { HTMLAttributes } from 'vue'
import { Primitive } from 'radix-vue'
import { cn } from '@/lib/utils'
import { cn } from '~/lib/utils'
const props = withDefaults(defineProps<PrimitiveProps & {
showOnHover?: boolean
@@ -1,6 +1,7 @@
<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']
@@ -2,9 +2,9 @@
import type { Component } from 'vue'
import type { SidebarMenuButtonProps } from './SidebarMenuButtonChild.vue'
import { computed } from 'vue'
import Tooltip from '@/components/pub/ui/tooltip/Tooltip.vue'
import TooltipContent from '@/components/pub/ui/tooltip/TooltipContent.vue'
import TooltipTrigger from '@/components/pub/ui/tooltip/TooltipTrigger.vue'
import Tooltip from '~/components/pub/ui/tooltip/Tooltip.vue'
import TooltipContent from '~/components/pub/ui/tooltip/TooltipContent.vue'
import TooltipTrigger from '~/components/pub/ui/tooltip/TooltipTrigger.vue'
import SidebarMenuButtonChild from './SidebarMenuButtonChild.vue'
import { useSidebar } from './utils'
@@ -3,7 +3,8 @@ import type { PrimitiveProps } from 'radix-vue'
import type { HTMLAttributes } from 'vue'
import type { SidebarMenuButtonVariants } from '.'
import { Primitive } from 'radix-vue'
import { cn } from '@/lib/utils'
import { cn } from '~/lib/utils'
import { sidebarMenuButtonVariants } from '.'
export interface SidebarMenuButtonProps extends PrimitiveProps {
@@ -1,6 +1,7 @@
<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']
@@ -1,8 +1,9 @@
<script setup lang="ts">
import type { HTMLAttributes } from 'vue'
import { computed } from 'vue'
import Skeleton from '@/components/pub/ui/skeleton/Skeleton.vue'
import { cn } from '@/lib/utils'
import Skeleton from '~/components/pub/ui/skeleton/Skeleton.vue'
import { cn } from '~/lib/utils'
const props = defineProps<{
showIcon?: boolean
@@ -1,6 +1,7 @@
<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']
@@ -2,7 +2,8 @@
import type { PrimitiveProps } from 'radix-vue'
import type { HTMLAttributes } from 'vue'
import { Primitive } from 'radix-vue'
import { cn } from '@/lib/utils'
import { cn } from '~/lib/utils'
const props = withDefaults(defineProps<PrimitiveProps & {
size?: 'sm' | 'md'
@@ -3,7 +3,8 @@ import type { HTMLAttributes, Ref } from 'vue'
import { useEventListener, useMediaQuery, useVModel } from '@vueuse/core'
import { TooltipProvider } from 'radix-vue'
import { computed, ref } from 'vue'
import { cn } from '@/lib/utils'
import { cn } from '~/lib/utils'
import {
provideSidebarContext,
SIDEBAR_COOKIE_MAX_AGE,
@@ -1,6 +1,7 @@
<script setup lang="ts">
import type { HTMLAttributes } from 'vue'
import { cn } from '@/lib/utils'
import { cn } from '~/lib/utils'
import { useSidebar } from './utils'
const props = defineProps<{
@@ -1,7 +1,8 @@
<script setup lang="ts">
import type { HTMLAttributes } from 'vue'
import Separator from '@/components/pub/ui/separator/Separator.vue'
import { cn } from '@/lib/utils'
import Separator from '~/components/pub/ui/separator/Separator.vue'
import { cn } from '~/lib/utils'
const props = defineProps<{
class?: HTMLAttributes['class']
@@ -1,8 +1,9 @@
<script setup lang="ts">
import type { HTMLAttributes } from 'vue'
import { PanelLeft } from 'lucide-vue-next'
import Button from '@/components/pub/ui/button/Button.vue'
import { cn } from '@/lib/utils'
import Button from '~/components/pub/ui/button/Button.vue'
import { cn } from '~/lib/utils'
import { useSidebar } from './utils'
const props = defineProps<{