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 {}