@/lib/utils is hijacked?

[gera2ld]

It seems that @/lib/utils is hijacked and hard-coded as an alias to .nuxt/shadcn-next/utils.ts, despite that a lib/utils.ts is created on project initialization. As a result, any changes to lib/util.ts are ignored.

This is so counter-intuitive! Am I not allowed to use @/lib/utils?

shadcn-vue/packages/module/src/module.ts

Lines 38 to 43 in b7ef465

	const utilsTemplate = addTemplate({
	filename: 'shadcn-nuxt/utils.ts',
	getContents: () => UTILS,
	write: true,
	})
	nuxt.options.alias = { [UTILS_ALIAS]: utilsTemplate.dst, ...nuxt.options.alias } // We add our alias to the top to avoid conflicts with nuxt built in `@` alias

[metinkahraman-github]

I have the same problem.

_500 The requested module '/nuxt/@fs/C:/Projects/dev/newappv2/.nuxt/shadcn-nuxt/utils.ts' does not provide an export named 'valueUpdater'

Original @/lib/utils.ts

import { type ClassValue, clsx } from 'clsx'
import { twMerge } from 'tailwind-merge'

import type { Updater } from '@tanstack/vue-table'
import type { Ref } from 'vue'

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}

export function valueUpdater<T extends Updater<unknown>>(updaterOrValue: T, ref: Ref) {
  ref.value = typeof updaterOrValue === 'function'
    ? updaterOrValue(ref.value)
    : updaterOrValue
}

.nuxt/shadcn-nuxt/utils.ts

import { type ClassValue, clsx } from 'clsx'
import { twMerge } from 'tailwind-merge'

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}

[metinkahraman-github]

@gera2ld
When I used '~' instead of '@' when importing, the error disappeared. I will use it like this until it is fixed.

import { valueUpdater } from '~/lib/utils'

[gera2ld]

Thanks for sharing. This is also my workaround. Luckily they only hard-coded @/lib/utils in their code.
But I'm still surprised to see a normal file being hijacked like this.