refactor(language-server): update to new volar api

Author: johnsoncodehk

extensions/vscode/package.json

@@ -388,11 +388,6 @@
 					"default": "node",
 					"description": "Vue Language Server runtime."
 				},
-				"vue.server.configFilePath": {
-					"type": "string",
-					"default": "./volar.config.js",
-					"description": "Path to volar.config.js."
-				},
 				"vue.server.maxFileSize": {
 					"type": "number",
 					"default": 20971520,

extensions/vscode/scripts/build.js

@@ -5,7 +5,7 @@ const fs = require('fs');
 require('esbuild').context({
 	entryPoints: {
 		client: './out/nodeClientMain.js',
-		server: './node_modules/@vue/language-server/bin/vue-simple-language-server.js',
+		server: './node_modules/@vue/language-server/bin/vue-language-server.js',
 	},
 	bundle: true,
 	metafile: process.argv.includes('--metafile'),

extensions/vscode/server.js

@@ -1,5 +1,5 @@
 try {
-	module.exports = require('@vue/language-server/bin/vue-simple-language-server');
+	module.exports = require('@vue/language-server/bin/vue-language-server');
 } catch {
 	module.exports = require('./dist/server');
 }

extensions/vscode/src/common.ts

@@ -5,7 +5,7 @@ import {
 	activateWriteVirtualFiles,
 	getTsdk,
 } from '@volar/vscode';
-import { DiagnosticModel, VueServerInitializationOptions } from '@vue/language-server';
+import { DiagnosticModel, VueInitializationOptions } from '@vue/language-server';
 import * as vscode from 'vscode';
 import * as lsp from 'vscode-languageclient';
 import { config } from './config';
@@ -20,7 +20,7 @@ type CreateLanguageClient = (
 	id: string,
 	name: string,
 	langs: lsp.DocumentFilter[],
-	initOptions: VueServerInitializationOptions,
+	initOptions: VueInitializationOptions,
 	port: number,
 	outputChannel: vscode.OutputChannel,
 ) => lsp.BaseLanguageClient;
@@ -143,10 +143,9 @@ export function getDocumentSelector(): lsp.DocumentFilter[] {
 
 async function getInitializationOptions(
 	context: vscode.ExtensionContext,
-	options: VueServerInitializationOptions = {},
+	options: VueInitializationOptions = {},
 ) {
 	// volar
-	options.configFilePath = './__ignore__.config.js'; // config.server.configFilePath
 	options.diagnosticModel = config.server.diagnosticModel === 'pull' ? DiagnosticModel.Pull : DiagnosticModel.Push;
 	options.typescript = { tsdk: (await getTsdk(context)).tsdk };
 	options.reverseConfigFilePriority = config.server.reverseConfigFilePriority;
@@ -156,10 +155,13 @@ async function getInitializationOptions(
 		tokenModifiers: [],
 	};
 	options.fullCompletionList = config.server.fullCompletionList;
-	options.additionalExtensions = [
-		...config.server.additionalExtensions,
-		...!config.server.petiteVue.supportHtmlFile ? [] : ['html'],
-		...!config.server.vitePress.supportMdFile ? [] : ['md'],
-	];
+	options.vue = {
+		hybridMode: true,
+		additionalExtensions: [
+			...config.server.additionalExtensions,
+			...!config.server.petiteVue.supportHtmlFile ? [] : ['html'],
+			...!config.server.vitePress.supportMdFile ? [] : ['md'],
+		],
+	};
 	return options;
 }

extensions/vscode/src/config.ts

@@ -24,7 +24,6 @@ export const config = {
 		diagnosticModel: 'push' | 'pull';
 		additionalExtensions: string[];
 		fullCompletionList: boolean;
-		configFilePath: string;
 		vitePress: {
 			supportMdFile: boolean;
 		};

packages/language-core/src/languageModule.ts

@@ -134,6 +134,11 @@ export function createVueLanguage(
 			}
 		},
 		typescript: {
+			extraFileExtensions: vueCompilerOptions.extensions.map<ts.FileExtensionInfo>(ext => ({
+				extension: ext,
+				isMixedContent: true,
+				scriptKind: 7 satisfies ts.ScriptKind.Deferred,
+			})),
 			resolveSourceFileName(tsFileName) {
 				const baseName = path.basename(tsFileName);
 				if (baseName.indexOf('.vue.') >= 0) { // .vue.ts .vue.d.ts .vue.js .vue.jsx .vue.tsx