feat(vscode): add error message for incompatible extensions

Author: johnsoncodehk

extensions/vscode/index.ts

@@ -17,6 +17,25 @@ import {
 import * as vscode from 'vscode';
 import { config } from './lib/config';
 
+const incompatibleExtensionIds = [
+	'johnsoncodehk.vscode-typescript-vue-plugin',
+	'Vue.vscode-typescript-vue-plugin',
+];
+
+for (const extensionId of incompatibleExtensionIds) {
+	const extension = vscode.extensions.getExtension(extensionId);
+	if (extension) {
+		vscode.window.showErrorMessage(
+			`The "${extensionId}" extension is incompatible with the Vue extension. Please uninstall it.`,
+			'Show Extension',
+		).then(action => {
+			if (action === 'Show Extension') {
+				vscode.commands.executeCommand('workbench.extensions.search', '@id:' + extensionId);
+			}
+		});
+	}
+}
+
 let client: lsp.BaseLanguageClient | undefined;
 
 class _LanguageClient extends lsp.LanguageClient {