Как использовать JSX/TSX в Vue?

Vue 3 поддерживает JSX/TSX как альтернативу шаблонам и ручным h() вызовам. JSX компилируется в те же h() вызовы, но синтаксис знаком React-разработчикам и удобнее для сложной условной логики. Для работы нужен плагин @vitejs/plugin-vue-jsx (Vite) или @vue/babel-plugin-jsx (Webpack). Файлы должны иметь расширение .jsx или .tsx.