Shadcn-vue ui package doens't compile with the error "The inferred type of '__VLS_component' cannot be named without a reference to..."

[lucabro81]

Summary

Not sure if is a problem with turborepo or pnpm or vue or shadcn, probably something related to the dependency management of pnpm and some spicy design choice of shadcn, but I don't know so I'm here asking for an opinion and some help.

The error when building is

...

shadcn-ui-elements:build: src/components/ui/alert-dialog/AlertDialogContent.vue:176:7 - error TS2742: The inferred type of '__VLS_component' cannot be named without a reference to '../../../../../../node_modules/radix-vue/dist/DismissableLayer'. This is likely not portable. A type annotation is necessary.
shadcn-ui-elements:build: 
shadcn-ui-elements:build: 176 const __VLS_component = (await import('vue')).defineComponent({
shadcn-ui-elements:build:           ~~~~~~~~~~~~~~~
shadcn-ui-elements:build: 

...

This happened only when I added the dialog components, before a similar error appeared with form component, but adding

node-linker=hoisted

to the .npmrc the error disappeared (however not sure if it was a good solution)

However here a repository to reproduce the error

Additional information

node: v20.11.0
pnpm: 8.15.6
SO: Sonoma 14.6.1

Example

https://github.com/lucabro81/turborepo-vue-shadcn-cannot-be-named-without-a-reference

[lucabro81]

It seems specifying "moduleResolution": "node" in tsconfig solve the problem, moreover node-linker=hoisted it's not needed anymore