feat(compiler-sfc): support import attributes and using syntax in TS

[sxzz]

upgrade babel, add importAttributes and explicitResourceManagement for parser plugins.
TypeScript 5.2 already supports these syntaxes.

• import attributes (stage 3)
• explicit resource management (stage 3)

relate microsoft/TypeScript#53656

Example

import json from "./foo.json" with { type: "json" }
import json from "./foo.json" assert { type: "json" } // deprecated & legacy syntax

using foo = useFoo()

[github-actions]

Size Report

Bundles

File	Size	Gzip	Brotli
runtime-dom.global.prod.js	85.9 kB	32.6 kB	29.5 kB
vue.global.prod.js	132 kB	49.3 kB	44.4 kB

Usages

Name	Size	Gzip	Brotli
createApp	47.9 kB	18.8 kB	17.2 kB
createSSRApp	50.6 kB	19.9 kB	18.2 kB
defineCustomElement	50.3 kB	19.6 kB	17.9 kB
overall	61.2 kB	23.7 kB	21.6 kB

[yyx990803]

Why support the deprecated syntax here?

[sxzz]

Currently in [email protected] only support import assert syntax (deprecatedAssertSyntax). In [email protected] it support both.

[yyx990803]

I think we should only support the latest version.

Also, the includes check should also check importAttributes? This way the user can override the default by specifying importAttributes with their own options, if needed.

[sxzz]

The latest version of TypeScript is 5.2, and 5.3 will be released on 2023-11-14, which is less than one month (and the beta version is already released). Vue 3.4 stable could be likely later than it.

[yyx990803]

Made a few adjustments in efddf96:

• importAttributes should apply to plain JS as well, not just TS.
• Use latest importAttributes by default (no deprecated syntax support) now that TS 5.3 is already out.
• Users can override the internal importAttributes plugin with their own to enable the deprecated syntax.
• rewriteDefault should also go through the same plugin resolution.