babel-plugin-jsx VS jsx-vue2

It's also possible to use JSX, as OP's example, using https://github.com/vuejs/babel-plugin-jsx

Even though templates (or let’s say, SFC) is the dominant way to author Vue components, decent JSX support is also provided for both Vue 2 and Vue 3.

I agree - I think JSX does what templating languages have been trying to do for years.

That being said, solid is hardly the only one out there competing that can use JSX:

- https://github.com/vuejs/babel-plugin-jsx

- https://mithril.js.org/jsx.html

- https://preactjs.com/guide/v10/getting-started#setting-up-js...

Apologies, my link above was the incorrect bookmark... that was for Vue 2. Here is the correct link for vue3: https://github.com/vuejs/jsx-next

In a nutshell, you once again have to add jsx: “preserve” to your tsconfig.json and do some changes in your Babel config (it’s a plugin this time):

This exists and works fine - I am using TSX and getting type checking around props etc etc, all the things you'd expect.

Even though templates (or let’s say, SFC) is the dominant way to author Vue components, decent JSX support is also provided for both Vue 2 and Vue 3.

You can and have been able to use jsx with Vue for quite some time: https://github.com/vuejs/jsx

Let’s start with pure JSX. A quick search on Vue 2 docs brings the following results: There’s certainly not a lot of it, but potentially that’s all we need? The link redirects us to a GitHub README, detailing the installation of the required Babel plugin and the general usage of JSX with other Vue features.