feat: reintroducing the complete language server

[johnsoncodehk]

closes #3942, closes #3962

We migrated to the TS plugin in 2.0 to resolve many issues with v1, unfortunately it had many issues with compatibility:

• VSCode <= 1.87 bundled Node version breaks tsserver + @vue/typescript-plugin in some environments.
• Even if @vue/typescript-plugin only provides vue virtual code and handles mapping, it still causes performance problems in tsserver in some TS versions.
• Whenever any TS plugin crashes in a .vue file, it will cause @vue/typescript-plugin to be invalidated and make intellisense completely wrong. This is a fault-tolerance problem of the TS LS plugin architecture.

These issues are beyond our control, so we reintroduced the v1 complete LSP server and only switched to Hybrid Mode when explicitly enabled by the user.

[altrusl]

@johnsoncodehk

That was a hard time
Thank you for your work

[Stanzilla]

So what's the recommended setup for TypeScript users now? Do we need the extra VSC extension again?

[so1ve]

@Stanzilla No, you only need the Vue - Official plugin.

[Stanzilla]

@Stanzilla No, you only need the Vue - Official plugin.

And Hybrid Mode enabled, right? Would make more sense if this was called something like enable TypeScript support maybe?

[so1ve]

And Hybrid Mode enabled, right? Would make more sense if this was called something like enable TypeScript support maybe?

If you have TS 5.3+ installed and have a tsconfig.json or jsconfig.json, feel free to enable it.

if this was called something like enable TypeScript support maybe

Not exact. "Hybrid Mode" means Vue Language Tools makes the built-in TS service to run on .vue files, and if you disable hybrid mode we a two separate TS language server on .vue files.

[gegoune]

Would be very helpful to have a comparison table of two solutions/approaches. Not being much experienced in tooling for JS I struggle to see how to chose what to do, enable hybrid mode? Disable it? What are the benefits of each approach? Downsides?

[Stanzilla]

Would be very helpful to have a comparison table of two solutions/approaches. Not being much experienced in tooling for JS I struggle to see how to chose what to do, enable hybrid mode? Disable it? What are the benefits of each approach? Downsides?

Yes exactly, it's very unclear atm