fix(vscode): prompt manual reload in remote envs (#5530)

Author: johnsoncodehk

extensions/vscode/index.ts

@@ -18,6 +18,8 @@ import * as vscode from 'vscode';
 import { config } from './lib/config';
 import { activate as activateWelcome } from './lib/welcome';
 
+let needRestart = false;
+
 const incompatibleExtensionIds = [
 	'johnsoncodehk.vscode-typescript-vue-plugin',
 	'Vue.vscode-typescript-vue-plugin',
@@ -64,6 +66,27 @@ export const { activate, deactivate } = defineExtension(async () => {
 
 		nextTick(() => stop());
 
+		if (needRestart) {
+			if (vscode.env.remoteName) {
+				vscode.window.showInformationMessage(
+					'Please restart the extension host to activate Vue support in remote environments.',
+					'Restart Extension Host',
+					'Reload Window',
+				).then(action => {
+					if (action === 'Restart Extension Host') {
+						vscode.commands.executeCommand('workbench.action.restartExtensionHost');
+					}
+					else if (action === 'Reload Window') {
+						vscode.commands.executeCommand('workbench.action.reloadWindow');
+					}
+				});
+			}
+			else {
+				vscode.commands.executeCommand('workbench.action.restartExtensionHost');
+			}
+			return;
+		}
+
 		watch(() => config.server.includeLanguages, async () => {
 			const reload = await vscode.window.showInformationMessage(
 				'Please restart extension host to apply the new language settings.',
@@ -219,7 +242,7 @@ try {
 	}
 
 	if (tsExtension.isActive) {
-		vscode.commands.executeCommand('workbench.action.restartExtensionHost');
+		needRestart = true;
 	}
 }
 catch {}