How to make Tsx file read the same types as Vue SFC does?

[mockingjet]

In Vue file, we can see the SfcButton props types.

But in Tsx file, we can only see the default SFC types.

// global.d.ts

declare module '*.vue' {
	import type { DefineComponent } from 'vue';
	const component: DefineComponent<{}, {}, any>;
	export default component;
}

How to make tsx read the correct prop types?

[johnsoncodehk]

See https://vuejs.org/guide/typescript/overview.html#volar-takeover-mode.

[mockingjet]

It works, thanks!