vue-router@5 can't extend RouterLinkProps and other types

[lubomirblazekcz]

Reproduction

https://stackblitz.com/edit/vitejs-vite-fmmdned7?file=src%2Fcomponents%2FHelloWorld.vue

Steps to reproduce the bug

Try to extend vue-router RouterLinkProps

Expected behavior

Should work as in 4.6.4 https://stackblitz.com/edit/vitejs-vite-o1wkphar?file=src%2Fcomponents%2FHelloWorld.vue

Actual behavior

[@vue/compiler-sfc] Failed to resolve extends base type.
If this previously worked in 3.2, you can instruct the compiler to ignore this extend by adding /* @vue-ignore */ before it, for example:

interface Props extends /* @vue-ignore */ Base {}

Note: both in 3.2 or with the ignore, the properties in the base type are treated as fallthrough attrs at runtime.

/Users/lubomirblazek/Documents/GitHub/bookoloengine-fe/src/components/(ui)/button/Button.vue
6 | type sizes = 'xs' | 'sm' | 'md' | 'lg'
7 |
8 | interface Props extends Omit<RouterLinkProps, 'to'> {
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^
9 | to?: RouteLocationRaw
10 | as?: string

Additional information

No response

[posva]

That's interesting because the type itself hasn't changed so I think it must be related to how types for the route map are now included by default.

As a workaround, declare the props you want manually. I'm surprised this worked in the past, I thought the compiler wasn't able to detect extended types. It's pretty neat that it can.

[lubomirblazekcz]

Yeah I copied the props for now as workaround, otherwise the migration to v5 went smoothly, thanks!

[Gehbt]

The only change from v4 to v5 here is that the file extension changed from .js to .mjs. I noticed that compile-sfc doesn't seem to resolve the .[cm]ts type files for source file with suffix.[cm]js.

https://github.com/vuejs/core/blob/0b30b7d3be5185041b790286da8402dd10503dbb/packages/compiler-sfc/src/script/resolveType.ts#L994C1-L1002C4