How I am using Vue with Typescript 7 today

Short summary

TypeScript 7's Go-native compiler shipped but Volar-dependent frameworks like Vue (.vue SFCs) can't use it yet. This article shows how writing Vue components as .tsx files with JSX render functions bypasses that limitation entirely, getting full TypeScript 7 speed with zero plugin or language-service shims. The approach also exposes Vue's reactivity model more honestly than SFCs and avoids the manual dependency-tracking tax of React hooks.

• •TypeScript 7 shipped but .vue files can't use it yet because Volar's shim layer lacks the needed API surface
• •Writing Vue components as .tsx files with JSX is fully supported and works natively with TypeScript 7 today
• •Vue's runtime reactivity tracking eliminates the manual dependency-list maintenance required by React's useMemo/useEffect

Generated with AI, which can make mistakes.