feat: Volar TakeOver Mode watcher

src/extension.ts

@@ -1,11 +1,11 @@
-import { window, ExtensionContext, commands, Uri } from 'vscode';
+import { window, ExtensionContext, commands, Uri, extensions } from 'vscode';
 import nuxtrCommands from './commands'
 import { ModulesView } from './sideBar'
 import { logger, updateDependencies } from './utils';
 import codelens from './codelens'
 import { statusBars, activateStatusBarIcons } from './statusBar'
 import { activateIntellisense } from './intellisense'
-import { filesWatcher } from './watchers'
+import { filesWatcher, checkTakeOverMode } from './watchers'
 
 const extensionCommands = [
     { command: 'nuxtr.createPage', function: nuxtrCommands.createPage },
@@ -96,6 +96,9 @@ export async function activateExtension(context: ExtensionContext) {
     // activate codelens
     codelens.activateCodelenses(context)
 
+    // checkTakeOverMode
+    checkTakeOverMode()
+
     extensionCommands.forEach(({ command, function: commandFunction }) => {
         context.subscriptions.push(commands.registerCommand(command, commandFunction));
     });

src/watchers/index.ts

@@ -1,9 +1,11 @@
 import filesWatcher from './files'
 import { snippetsConfigWatcher, templatesConfigWatcher, piniaConfigWatcher } from './config'
 
+import { checkTakeOverMode} from './vscode'
 export {
     filesWatcher,
     snippetsConfigWatcher,
     templatesConfigWatcher,
-    piniaConfigWatcher
+    piniaConfigWatcher,
+    checkTakeOverMode
 }

src/watchers/vscode.ts

@@ -0,0 +1,29 @@
+import { extensions, window , commands} from "vscode";
+import { openExternalLink, isNuxtTwo } from "../utils";
+
+const checkTakeOverMode = async () => {
+    const tsExtension = extensions.getExtension('vscode.typescript-language-features')
+    console.log('tsExtension', tsExtension);
+
+    if (tsExtension !== undefined && !isNuxtTwo()) {
+        const message = await window.showWarningMessage(
+            `Volar's TakeOver mode is not enabled`, 'Enable', 'Learn More'
+        )
+
+        if (message === 'Learn More') {
+            openExternalLink('https://nuxt.com/docs/getting-started/installation#prerequisites')
+        }
+
+        if (message === 'Enable') {
+            await commands.executeCommand('workbench.view.extensions');
+            await commands.executeCommand('workbench.extensions.action.showExtensionsWithIds', ['vscode.typescript-language-features']);
+            await commands.executeCommand(
+                'workbench.extensions.action.enableExtension',
+                'vscode.typescript-language-features'
+            )
+        }
+    }
+}
+
+
+export { checkTakeOverMode }