feat: show takeover enabled on ts version status

close #1294

Author: johnsoncodehk

extensions/vscode-vue-language-features/src/common.ts

@@ -63,16 +63,6 @@ async function doActivate(context: vscode.ExtensionContext, createLc: CreateLang
 	vscode.commands.executeCommand('setContext', 'volar.activated', true);
 
 	const takeOverMode = takeOverModeEnabled();
-	if (takeOverMode) {
-		vscode.window
-			.showInformationMessage('Take Over Mode enabled.', 'What is Take Over Mode?')
-			.then(option => {
-				if (option !== undefined) {
-					vscode.env.openExternal(vscode.Uri.parse('https://github.com/johnsoncodehk/volar/discussions/471'));
-				}
-			});
-	}
-
 	const languageFeaturesDocumentSelector: lsp.DocumentSelector = takeOverMode ?
 		[
 			{ scheme: 'file', language: 'vue' },

extensions/vscode-vue-language-features/src/features/tsVersion.ts

@@ -41,11 +41,21 @@ export async function activate(context: vscode.ExtensionContext, clients: Common
 				detail: defaultTsdk,
 			};
 		}
+		if (takeOverModeEnabled()) {
+			options[3] = {
+				label: 'What is Takeover Mode?',
+			};
+		}
 
 		const select = await userPick(options);
 		if (select === undefined)
 			return; // cancel
 
+		if (select === '3') {
+			vscode.env.openExternal(vscode.Uri.parse('https://vuejs.org/guide/typescript/overview.html#takeover-mode'));
+			return;
+		}
+
 		if (select === '2') {
 			vscode.workspace.getConfiguration('typescript').update('tsdk', defaultTsdk);
 		}
@@ -89,6 +99,9 @@ export async function activate(context: vscode.ExtensionContext, clients: Common
 			const tsPaths = getCurrentTsPaths(context);
 			const tsVersion = shared.getTypeScriptVersion(tsPaths.serverPath);
 			statusBar.text = 'TS ' + tsVersion;
+			if (takeOverModeEnabled()) {
+				statusBar.text += ' (takeover)';
+			}
 			statusBar.show();
 		}
 	}