Compiler errors out on complex types

[cosmincartas]

Vue version

3.5.32

Link to minimal reproduction

https://github.com/cosmincartas/test-types

Steps to reproduce

I was trying to adapt a set of components to our design system while I ran into a problem related to complex types. Looks like the vue compiler cannot extend component props with library provided props such as VariantProps from tailwind-variants or extends base types from reka-ui.

1. npm install
2. npm run dev

What is expected?

I should be able to extend props of a component with other types.

What is actually happening?

System Info

Any additional comments?

I've noticed that there is a package that addresses this problem, but I still got problems with some types from reka-ui if i am using vue.ts/complex-types. Could this be addressed in the core library?

[edison1105]

see https://vuejs.org/api/sfc-script-setup.html#type-only-props-emit-declarations

Vue uses an AST-based approach to parse the types of defineProps, which means complex types cannot be parsed. I recently developed a type resolution plugin specifically for defineProps and defineEmits, fully compatible with the internal type resolution of vuejs/core. See: https://github.com/edison1105/vite-plugin-vue-type-resolver
I tested your reproduction and it works correctly.

[cosmincartas]

How is your plugin compared to https://github.com/so1ve/vue.ts/tree/main/packages/complex-types ? Are they based on the same principles?

[edison1105]

It is based on tsgo