feat(types/jsx): support jsxImportSource, avoid global JSX conflict

[yyx990803]

Based on and supersedes #7083
Closes #1033
Closes #1034

• No longer implicitly register global JSX types by default
  • This avoid conflict when using Vue in the same project with React
  • Global registration must now be done by explicitly importing / referencing vue/jsx, or listing it in compilerOptions.types.
• Add vue/jsx-runtime to support jsxImportSource usage
  • Can enable globally by setting compilerOptions.jsxImportSource to 'vue'
  • Can also opt-in per-file with /** @jsxImportSource vue */

---

Note that global JSX types requires explicit opt-in, which is technically a breaking change, but this is a type-only change and the update path is trivial, so it aligns with the release policy if we release this in a minor.

Update: In 3.3, the JSX types will still be registered globally by default. We plan to remove the global registration in 3.4 while we get IDE support aligned during the 3.3 lifecycle.

This is also needed to land zero-config SFC Generics support in Volar vuejs/language-tools#2546

[remcohaszing]

It’s awesome to see Vue adding support for the JSX automatic runtime! 🎉

I spotted some bugs though. #7959 explains and resolves them.

[theschmocker]

This avoid conflict when using Vue in the same project with React

Glad to see this! Trying to work with Vue 2.7 (templates only; no JSX/TSX) and React in the same project and dealing with conflicting types when using vue-tsc/Volar. Would it be possible to backport this to 2.7? If not feasible, is there a workaround to have full TS support for both?

[ubeytd]

Hi, I have a package vue as dependency to @directus

└─┬ @directus/extensions-sdk@10.1.5
  └─┬ vue@3.3.4
    └── @vue/runtime-dom@3.3.4

And I have react projects in Monorepo, currently, I am having build problems because of type conflicts.

This issue seems related to me with this merged PR is the issue resolved?

Thanks

[yanniznik]

@ubeytd Did you find a solution to this ? Having the exact same symptoms on Vue 2.7, monorepo with a project using @react/types...

[ubeytd]

In our case, build problems were caused because the package imports @vue/runtime-dom@3.3.4 was imported to our shared library and from there to the frontend by mistake, when we find that the build problem is resolved, BUT we still have red lines in the editor everywhere about ref. @yanniznik