@vue/language-service 2.0.19 → 2.0.20

package/index.d.ts

@@ -2,7 +2,7 @@ export * from '@volar/language-service';
 export * from '@vue/language-core';
 export * from './lib/ideFeatures/nameCasing';
 export * from './lib/types';
-import type { LanguageServicePlugin, ServiceContext, ServiceEnvironment } from '@volar/language-service';
+import type { LanguageServicePlugin, LanguageServiceContext, LanguageServiceEnvironment } from '@volar/language-service';
 import type { VueCompilerOptions } from './lib/types';
-export declare function getVueLanguageServicePlugins(ts: typeof import('typescript'), getVueOptions: (env: ServiceEnvironment) => VueCompilerOptions, getTsPluginClient?: (context: ServiceContext) => typeof import("@vue/typescript-plugin/lib/client") | undefined, hybridMode?: boolean): LanguageServicePlugin[];
-export declare function createDefaultGetTsPluginClient(ts: typeof import('typescript'), getVueOptions: (env: ServiceEnvironment) => VueCompilerOptions): (context: ServiceContext) => typeof import('@vue/typescript-plugin/lib/client') | undefined;
+export declare function getVueLanguageServicePlugins(ts: typeof import('typescript'), getVueOptions: (env: LanguageServiceEnvironment) => VueCompilerOptions, getTsPluginClient?: (context: LanguageServiceContext) => typeof import("@vue/typescript-plugin/lib/client") | undefined, hybridMode?: boolean): LanguageServicePlugin[];
+export declare function createDefaultGetTsPluginClient(ts: typeof import('typescript')): (context: LanguageServiceContext) => typeof import('@vue/typescript-plugin/lib/client') | undefined;

package/index.js

@@ -28,7 +28,6 @@ const docCommentTemplate_1 = require("volar-service-typescript/lib/plugins/docCo
 const syntactic_1 = require("volar-service-typescript/lib/plugins/syntactic");
 const css_1 = require("./lib/plugins/css");
 const vue_autoinsert_dotvalue_1 = require("./lib/plugins/vue-autoinsert-dotvalue");
-const vue_autoinsert_parentheses_1 = require("./lib/plugins/vue-autoinsert-parentheses");
 const vue_autoinsert_space_1 = require("./lib/plugins/vue-autoinsert-space");
 const vue_directive_comments_1 = require("./lib/plugins/vue-directive-comments");
 const vue_document_drop_1 = require("./lib/plugins/vue-document-drop");
@@ -45,7 +44,8 @@ const componentInfos_1 = require("@vue/typescript-plugin/lib/requests/componentI
 const getImportPathForFile_1 = require("@vue/typescript-plugin/lib/requests/getImportPathForFile");
 const getPropertiesAtLocation_1 = require("@vue/typescript-plugin/lib/requests/getPropertiesAtLocation");
 const getQuickInfoAtPosition_1 = require("@vue/typescript-plugin/lib/requests/getQuickInfoAtPosition");
-function getVueLanguageServicePlugins(ts, getVueOptions, getTsPluginClient = createDefaultGetTsPluginClient(ts, getVueOptions), hybridMode = false) {
+const vscode_uri_1 = require("vscode-uri");
+function getVueLanguageServicePlugins(ts, getVueOptions, getTsPluginClient = createDefaultGetTsPluginClient(ts), hybridMode = false) {
     const plugins = [];
     if (!hybridMode) {
         plugins.push(...(0, volar_service_typescript_1.create)(ts));
@@ -54,14 +54,14 @@ function getVueLanguageServicePlugins(ts, getVueOptions, getTsPluginClient = cre
             if (plugin.name === 'typescript-semantic') {
                 plugins[i] = {
                     ...plugin,
-                    create(context) {
-                        const created = plugin.create(context);
+                    create(context, api) {
+                        const created = plugin.create(context, api);
                         if (!context.language.typescript) {
                             return created;
                         }
                         const languageService = created.provide['typescript/languageService']();
                         const vueOptions = getVueOptions(context.env);
-                        (0, common_1.decorateLanguageServiceForVue)(context.language, languageService, vueOptions, ts, false, fileName => context.env.typescript.fileNameToUri(fileName));
+                        (0, common_1.decorateLanguageServiceForVue)(context.language, languageService, vueOptions, ts, false, fileName => context.language.typescript?.asScriptId(fileName) ?? vscode_uri_1.URI.file(fileName));
                         return created;
                     },
                 };
@@ -72,7 +72,7 @@ function getVueLanguageServicePlugins(ts, getVueOptions, getTsPluginClient = cre
     else {
         plugins.push((0, syntactic_1.create)(ts), (0, docCommentTemplate_1.create)(ts));
     }
-    plugins.push((0, volar_service_typescript_twoslash_queries_1.create)(ts), (0, css_1.create)(), (0, volar_service_pug_beautify_1.create)(), (0, volar_service_json_1.create)(), (0, vue_template_1.create)('html', ts, getVueOptions, getTsPluginClient), (0, vue_template_1.create)('pug', ts, getVueOptions, getTsPluginClient), (0, vue_sfc_1.create)(), (0, vue_twoslash_queries_1.create)(ts, getTsPluginClient), (0, vue_document_links_1.create)(), (0, vue_document_drop_1.create)(ts, getVueOptions, getTsPluginClient), (0, vue_autoinsert_dotvalue_1.create)(ts, getTsPluginClient), (0, vue_autoinsert_parentheses_1.create)(ts), (0, vue_autoinsert_space_1.create)(), (0, vue_visualize_hidden_callback_param_1.create)(), (0, vue_directive_comments_1.create)(), (0, vue_extract_file_1.create)(ts, getTsPluginClient), (0, vue_toggle_v_bind_codeaction_1.create)(ts), (0, volar_service_emmet_1.create)({
+    plugins.push((0, volar_service_typescript_twoslash_queries_1.create)(ts), (0, css_1.create)(), (0, volar_service_pug_beautify_1.create)(), (0, volar_service_json_1.create)(), (0, vue_template_1.create)('html', ts, getVueOptions, getTsPluginClient), (0, vue_template_1.create)('pug', ts, getVueOptions, getTsPluginClient), (0, vue_sfc_1.create)(), (0, vue_twoslash_queries_1.create)(ts, getTsPluginClient), (0, vue_document_links_1.create)(), (0, vue_document_drop_1.create)(ts, getVueOptions, getTsPluginClient), (0, vue_autoinsert_dotvalue_1.create)(ts, getTsPluginClient), (0, vue_autoinsert_space_1.create)(), (0, vue_visualize_hidden_callback_param_1.create)(), (0, vue_directive_comments_1.create)(), (0, vue_extract_file_1.create)(ts, getTsPluginClient), (0, vue_toggle_v_bind_codeaction_1.create)(ts), (0, volar_service_emmet_1.create)({
         mappedLanguages: {
             'vue': 'html',
             'postcss': 'scss',
@@ -81,7 +81,7 @@ function getVueLanguageServicePlugins(ts, getVueOptions, getTsPluginClient = cre
     return plugins;
 }
 exports.getVueLanguageServicePlugins = getVueLanguageServicePlugins;
-function createDefaultGetTsPluginClient(ts, getVueOptions) {
+function createDefaultGetTsPluginClient(ts) {
     return context => {
         if (!context.language.typescript) {
             return;
@@ -95,9 +95,8 @@ function createDefaultGetTsPluginClient(ts, getVueOptions) {
             language: context.language,
             languageService,
             languageServiceHost: context.language.typescript.languageServiceHost,
-            vueOptions: getVueOptions(context.env),
             isTsPlugin: false,
-            getFileId: context.env.typescript.fileNameToUri,
+            getFileId: context.language.typescript.asScriptId,
         };
         return {
             async collectExtractProps(...args) {

package/lib/ideFeatures/nameCasing.d.ts

@@ -1,13 +1,14 @@
-import type { ServiceContext } from '@volar/language-service';
+import type { LanguageServiceContext } from '@volar/language-service';
 import type * as vscode from 'vscode-languageserver-protocol';
 import { AttrNameCasing, TagNameCasing } from '../types';
-export declare function convertTagName(context: ServiceContext, uri: string, casing: TagNameCasing, tsPluginClient: typeof import('@vue/typescript-plugin/lib/client') | undefined): Promise<vscode.TextEdit[] | undefined>;
-export declare function convertAttrName(context: ServiceContext, uri: string, casing: AttrNameCasing, tsPluginClient?: typeof import('@vue/typescript-plugin/lib/client')): Promise<vscode.TextEdit[] | undefined>;
-export declare function getNameCasing(context: ServiceContext, uri: string): Promise<{
+import type { URI } from 'vscode-uri';
+export declare function convertTagName(context: LanguageServiceContext, uri: URI, casing: TagNameCasing, tsPluginClient: typeof import('@vue/typescript-plugin/lib/client') | undefined): Promise<vscode.TextEdit[] | undefined>;
+export declare function convertAttrName(context: LanguageServiceContext, uri: URI, casing: AttrNameCasing, tsPluginClient?: typeof import('@vue/typescript-plugin/lib/client')): Promise<vscode.TextEdit[] | undefined>;
+export declare function getNameCasing(context: LanguageServiceContext, uri: URI): Promise<{
     tag: TagNameCasing;
     attr: AttrNameCasing;
 }>;
-export declare function detect(context: ServiceContext, uri: string): Promise<{
+export declare function detect(context: LanguageServiceContext, uri: URI): Promise<{
     tag: TagNameCasing[];
     attr: AttrNameCasing[];
 }>;

package/lib/ideFeatures/nameCasing.js

@@ -88,8 +88,8 @@ exports.convertAttrName = convertAttrName;
 async function getNameCasing(context, uri) {
     const detected = await detect(context, uri);
     const [attr, tag] = await Promise.all([
-        context.env.getConfiguration?.('vue.complete.casing.props', uri),
-        context.env.getConfiguration?.('vue.complete.casing.tags', uri),
+        context.env.getConfiguration?.('vue.complete.casing.props', uri.toString()),
+        context.env.getConfiguration?.('vue.complete.casing.tags', uri.toString()),
     ]);
     const tagNameCasing = detected.tag.length === 1 && (tag === 'autoPascal' || tag === 'autoKebab') ? detected.tag[0] : (tag === 'autoKebab' || tag === 'kebab') ? types_1.TagNameCasing.Kebab : types_1.TagNameCasing.Pascal;
     const attrNameCasing = detected.attr.length === 1 && (attr === 'autoCamel' || attr === 'autoKebab') ? detected.attr[0] : (attr === 'autoCamel' || attr === 'camel') ? types_1.AttrNameCasing.Camel : types_1.AttrNameCasing.Kebab;

package/lib/plugins/css.js

@@ -6,8 +6,8 @@ function create() {
     const base = (0, volar_service_css_1.create)({ scssDocumentSelector: ['scss', 'postcss'] });
     return {
         ...base,
-        create(context) {
-            const baseInstance = base.create(context);
+        create(context, api) {
+            const baseInstance = base.create(context, api);
             return {
                 ...baseInstance,
                 async provideDiagnostics(document, token) {

package/lib/plugins/data.js

@@ -19,6 +19,9 @@ function loadTemplateData(lang) {
     else if (lang === 'zh-cn') {
         data = require('../../data/template/zh-cn.json');
     }
+    else if (lang === 'zh-tw') {
+        data = require('../../data/template/zh-hk.json');
+    }
     else if (lang === 'it') {
         data = require('../../data/template/it.json');
     }
@@ -68,6 +71,9 @@ function loadLanguageBlocks(lang) {
     else if (lang === 'zh-cn') {
         return require('../../data/language-blocks/zh-cn.json');
     }
+    else if (lang === 'zh-tw') {
+        return require('../../data/language-blocks/zh-hk.json');
+    }
     else if (lang === 'it') {
         return require('../../data/language-blocks/it.json');
     }
@@ -97,6 +103,9 @@ function loadModelModifiersData(lang) {
     else if (lang === 'zh-cn') {
         return require('../../data/model-modifiers/zh-cn.json');
     }
+    else if (lang === 'zh-tw') {
+        return require('../../data/model-modifiers/zh-hk.json');
+    }
     else if (lang === 'it') {
         return require('../../data/model-modifiers/it.json');
     }

package/lib/plugins/vue-autoinsert-dotvalue.d.ts

@@ -1,7 +1,7 @@
-import type { ServiceContext, LanguageServicePlugin } from '@volar/language-service';
+import type { LanguageServiceContext, LanguageServicePlugin } from '@volar/language-service';
 import type * as ts from 'typescript';
 import type { TextDocument } from 'vscode-languageserver-textdocument';
-export declare function create(ts: typeof import('typescript'), getTsPluginClient?: (context: ServiceContext) => typeof import('@vue/typescript-plugin/lib/client') | undefined): LanguageServicePlugin;
+export declare function create(ts: typeof import('typescript'), getTsPluginClient?: (context: LanguageServiceContext) => typeof import('@vue/typescript-plugin/lib/client') | undefined): LanguageServicePlugin;
 export declare function isCharacterTyping(document: TextDocument, change: {
     text: string;
     rangeOffset: number;

package/lib/plugins/vue-autoinsert-dotvalue.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isBlacklistNode = exports.isCharacterTyping = exports.create = void 0;
 const language_core_1 = require("@vue/language-core");
+const vscode_uri_1 = require("vscode-uri");
 const asts = new WeakMap();
 function getAst(ts, fileName, snapshot, scriptKind) {
     let ast = asts.get(snapshot);
@@ -14,11 +15,17 @@ function getAst(ts, fileName, snapshot, scriptKind) {
 function create(ts, getTsPluginClient) {
     return {
         name: 'vue-autoinsert-dotvalue',
+        capabilities: {
+            autoInsertionProvider: {
+                triggerCharacters: ['\\w'],
+                configurationSections: ['vue.autoInsert.dotValue'],
+            },
+        },
         create(context) {
             const tsPluginClient = getTsPluginClient?.(context);
             let currentReq = 0;
             return {
-                async provideAutoInsertionEdit(document, selection, change) {
+                async provideAutoInsertSnippet(document, selection, change) {
                     // selection must at end of change
                     if (document.offsetAt(selection) !== change.rangeOffset + change.text.length) {
                         return;
@@ -39,7 +46,7 @@ function create(ts, getTsPluginClient) {
                     if (!enabled) {
                         return;
                     }
-                    const decoded = context.decodeEmbeddedDocumentUri(document.uri);
+                    const decoded = context.decodeEmbeddedDocumentUri(vscode_uri_1.URI.parse(document.uri));
                     const sourceScript = decoded && context.language.scripts.get(decoded[0]);
                     const virtualCode = decoded && sourceScript?.generated?.embeddedCodes.get(decoded[1]);
                     if (!sourceScript) {
@@ -47,7 +54,8 @@ function create(ts, getTsPluginClient) {
                     }
                     let ast;
                     let sourceCodeOffset = document.offsetAt(selection);
-                    const fileName = context.env.typescript.uriToFileName(sourceScript.id);
+                    const fileName = context.language.typescript?.asFileName(sourceScript.id)
+                        ?? sourceScript.id.fsPath.replace(/\\/g, '/');
                     if (sourceScript.generated) {
                         const serviceScript = sourceScript.generated.languagePlugin.typescript?.getServiceScript(sourceScript.generated.root);
                         if (!serviceScript || serviceScript?.code !== virtualCode) {
@@ -55,13 +63,15 @@ function create(ts, getTsPluginClient) {
                         }
                         ast = getAst(ts, fileName, virtualCode.snapshot, serviceScript.scriptKind);
                         let mapped = false;
-                        for (const [_1, [_2, map]] of context.language.maps.forEach(virtualCode)) {
-                            const sourceOffset = map.getSourceOffset(document.offsetAt(selection));
-                            if (sourceOffset !== undefined) {
-                                sourceCodeOffset = sourceOffset[0];
+                        for (const [_1, _2, map] of context.language.maps.forEach(virtualCode)) {
+                            for (const [sourceOffset] of map.getSourceOffsets(document.offsetAt(selection))) {
+                                sourceCodeOffset = sourceOffset;
                                 mapped = true;
                                 break;
                             }
+                            if (mapped) {
+                                break;
+                            }
                         }
                         if (!mapped) {
                             return;

package/lib/plugins/vue-autoinsert-space.js

@@ -4,9 +4,15 @@ exports.create = void 0;
 function create() {
     return {
         name: 'vue-autoinsert-space',
+        capabilities: {
+            autoInsertionProvider: {
+                triggerCharacters: ['}'],
+                configurationSections: ['vue.autoInsert.bracketSpacing'],
+            },
+        },
         create(context) {
             return {
-                async provideAutoInsertionEdit(document, selection, change) {
+                async provideAutoInsertSnippet(document, selection, change) {
                     if (document.languageId === 'html' || document.languageId === 'jade') {
                         const enabled = await context.env.getConfiguration?.('vue.autoInsert.bracketSpacing') ?? true;
                         if (!enabled) {

package/lib/plugins/vue-codelens-references.d.ts

@@ -0,0 +1,2 @@
+import type { LanguageServicePlugin } from '@volar/language-service';
+export declare function create(): LanguageServicePlugin;

package/lib/plugins/vue-codelens-references.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.create = void 0;
+const language_core_1 = require("@vue/language-core");
+function create() {
+    return {
+        name: 'vue-codelens-references',
+        create(context) {
+            return {
+                provideReferencesCodeLensRanges(document) {
+                    return worker(document.uri, virtualCode => {
+                        const result = [];
+                        for (const map of context.documents.getMaps(virtualCode) ?? []) {
+                            for (const mapping of map.map.mappings) {
+                                if (!mapping.data.__referencesCodeLens) {
+                                    continue;
+                                }
+                                result.push({
+                                    start: document.positionAt(mapping.generatedOffsets[0]),
+                                    end: document.positionAt(mapping.generatedOffsets[mapping.generatedOffsets.length - 1]
+                                        + mapping.lengths[mapping.lengths.length - 1]),
+                                });
+                            }
+                        }
+                        return result;
+                    });
+                },
+            };
+            function worker(uri, callback) {
+                const decoded = context.decodeEmbeddedDocumentUri(uri);
+                const sourceScript = decoded && context.language.scripts.get(decoded[0]);
+                const virtualCode = decoded && sourceScript?.generated?.embeddedCodes.get(decoded[1]);
+                if (!virtualCode || !(sourceScript?.generated?.root instanceof language_core_1.VueVirtualCode) || !sourceScript) {
+                    return;
+                }
+                return callback(virtualCode, sourceScript);
+            }
+        },
+    };
+}
+exports.create = create;
+//# sourceMappingURL=vue-codelens-references.js.map

package/lib/plugins/vue-directive-comments.js

@@ -10,7 +10,11 @@ const directiveCommentReg = /<!--\s*@/;
 function create() {
     return {
         name: 'vue-directive-comments',
-        triggerCharacters: ['@'],
+        capabilities: {
+            completionProvider: {
+                triggerCharacters: ['@'],
+            },
+        },
         create() {
             return {
                 provideCompletionItems(document, position) {

package/lib/plugins/vue-document-drop.d.ts

@@ -1,3 +1,3 @@
 import { VueCompilerOptions } from '@vue/language-core';
-import { LanguageServicePlugin, ServiceContext, ServiceEnvironment } from '../types';
-export declare function create(ts: typeof import('typescript'), getVueOptions: (env: ServiceEnvironment) => VueCompilerOptions, getTsPluginClient?: (context: ServiceContext) => typeof import('@vue/typescript-plugin/lib/client') | undefined): LanguageServicePlugin;
+import { LanguageServiceContext, LanguageServiceEnvironment, LanguageServicePlugin } from '../types';
+export declare function create(ts: typeof import('typescript'), getVueOptions: (env: LanguageServiceEnvironment) => VueCompilerOptions, getTsPluginClient?: (context: LanguageServiceContext) => typeof import('@vue/typescript-plugin/lib/client') | undefined): LanguageServicePlugin;

package/lib/plugins/vue-document-drop.js

@@ -4,12 +4,16 @@ exports.create = void 0;
 const language_core_1 = require("@vue/language-core");
 const shared_1 = require("@vue/shared");
 const path = require("path-browserify");
+const getUserPreferences_1 = require("volar-service-typescript/lib/configs/getUserPreferences");
+const vscode_uri_1 = require("vscode-uri");
 const vue_extract_file_1 = require("../plugins/vue-extract-file");
 const types_1 = require("../types");
-const getUserPreferences_1 = require("volar-service-typescript/lib/configs/getUserPreferences");
 function create(ts, getVueOptions, getTsPluginClient) {
     return {
         name: 'vue-document-drop',
+        capabilities: {
+        // documentDropEditsProvider: true,
+        },
         create(context) {
             let casing = types_1.TagNameCasing.Pascal; // TODO
             const tsPluginClient = getTsPluginClient?.(context);
@@ -19,7 +23,7 @@ function create(ts, getVueOptions, getTsPluginClient) {
                     if (document.languageId !== 'html') {
                         return;
                     }
-                    const decoded = context.decodeEmbeddedDocumentUri(document.uri);
+                    const decoded = context.decodeEmbeddedDocumentUri(vscode_uri_1.URI.parse(document.uri));
                     const sourceScript = decoded && context.language.scripts.get(decoded[0]);
                     const virtualCode = decoded && sourceScript?.generated?.embeddedCodes.get(decoded[1]);
                     const vueVirtualCode = sourceScript?.generated?.root;
@@ -46,7 +50,8 @@ function create(ts, getVueOptions, getTsPluginClient) {
                     const additionalEdit = {};
                     const code = [...(0, language_core_1.forEachEmbeddedCode)(vueVirtualCode)].find(code => code.id === (sfc.scriptSetup ? 'scriptSetupFormat' : 'scriptFormat'));
                     const lastImportNode = (0, vue_extract_file_1.getLastImportNode)(ts, script.ast);
-                    const incomingFileName = context.env.typescript.uriToFileName(importUri);
+                    const incomingFileName = context.language.typescript?.asFileName(vscode_uri_1.URI.parse(importUri))
+                        ?? vscode_uri_1.URI.parse(importUri).fsPath.replace(/\\/g, '/');
                     let importPath;
                     const serviceScript = sourceScript.generated?.languagePlugin.typescript?.getServiceScript(vueVirtualCode);
                     if (tsPluginClient && serviceScript) {
@@ -65,9 +70,10 @@ function create(ts, getVueOptions, getTsPluginClient) {
                             importPath = './' + importPath;
                         }
                     }
+                    const embeddedDocumentUriStr = context.encodeEmbeddedDocumentUri(sourceScript.id, code.id).toString();
                     additionalEdit.changes ??= {};
-                    additionalEdit.changes[context.encodeEmbeddedDocumentUri(sourceScript.id, code.id)] = [];
-                    additionalEdit.changes[context.encodeEmbeddedDocumentUri(sourceScript.id, code.id)].push({
+                    additionalEdit.changes[embeddedDocumentUriStr] = [];
+                    additionalEdit.changes[embeddedDocumentUriStr].push({
                         range: lastImportNode ? {
                             start: script.ast.getLineAndCharacterOfPosition(lastImportNode.end),
                             end: script.ast.getLineAndCharacterOfPosition(lastImportNode.end),
@@ -81,7 +87,7 @@ function create(ts, getVueOptions, getTsPluginClient) {
                     if (sfc.script) {
                         const edit = (0, vue_extract_file_1.createAddComponentToOptionEdit)(ts, sfc.script.ast, newName);
                         if (edit) {
-                            additionalEdit.changes[context.encodeEmbeddedDocumentUri(sourceScript.id, code.id)].push({
+                            additionalEdit.changes[embeddedDocumentUriStr].push({
                                 range: {
                                     start: document.positionAt(edit.range.start),
                                     end: document.positionAt(edit.range.end),

package/lib/plugins/vue-document-links.js

@@ -2,19 +2,22 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.create = void 0;
 const language_core_1 = require("@vue/language-core");
-const language_core_2 = require("@vue/language-core");
+const vscode_uri_1 = require("vscode-uri");
 function create() {
     return {
         name: 'vue-document-links',
+        capabilities: {
+            documentLinkProvider: {},
+        },
         create(context) {
             return {
                 provideDocumentLinks(document) {
-                    const decoded = context.decodeEmbeddedDocumentUri(document.uri);
+                    const decoded = context.decodeEmbeddedDocumentUri(vscode_uri_1.URI.parse(document.uri));
                     const sourceScript = decoded && context.language.scripts.get(decoded[0]);
                     const virtualCode = decoded && sourceScript?.generated?.embeddedCodes.get(decoded[1]);
                     if (sourceScript?.generated?.root instanceof language_core_1.VueVirtualCode && virtualCode?.id === 'template') {
                         const result = [];
-                        const codegen = language_core_2.tsCodegen.get(sourceScript.generated.root.sfc);
+                        const codegen = language_core_1.tsCodegen.get(sourceScript.generated.root.sfc);
                         const scopedClasses = codegen?.generatedTemplate()?.scopedClasses ?? [];
                         const styleClasses = new Map();
                         const option = sourceScript.generated.root.vueCompilerOptions.experimentalResolveStyleCssClasses;

package/lib/plugins/vue-extract-file.d.ts

@@ -1,6 +1,6 @@
-import type { ServiceContext, LanguageServicePlugin } from '@volar/language-service';
+import type { LanguageServiceContext, LanguageServicePlugin } from '@volar/language-service';
 import type * as ts from 'typescript';
-export declare function create(ts: typeof import('typescript'), getTsPluginClient?: (context: ServiceContext) => typeof import('@vue/typescript-plugin/lib/client') | undefined): LanguageServicePlugin;
+export declare function create(ts: typeof import('typescript'), getTsPluginClient?: (context: LanguageServiceContext) => typeof import('@vue/typescript-plugin/lib/client') | undefined): LanguageServicePlugin;
 export declare function getLastImportNode(ts: typeof import('typescript'), sourceFile: ts.SourceFile): ts.Node | undefined;
 export declare function createAddComponentToOptionEdit(ts: typeof import('typescript'), ast: ts.SourceFile, componentName: string): {
     range: import("@vue/language-core").TextRange;

package/lib/plugins/vue-extract-file.js

@@ -2,10 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createAddComponentToOptionEdit = exports.getLastImportNode = exports.create = void 0;
 const language_core_1 = require("@vue/language-core");
+const vscode_uri_1 = require("vscode-uri");
 const unicodeReg = /\\u/g;
 function create(ts, getTsPluginClient) {
     return {
         name: 'vue-extract-file',
+        capabilities: {
+            codeActionProvider: {
+                resolveProvider: true,
+            },
+        },
         create(context) {
             const tsPluginClient = getTsPluginClient?.(context);
             return {
@@ -15,7 +21,7 @@ function create(ts, getTsPluginClient) {
                     if (startOffset === endOffset) {
                         return;
                     }
-                    const decoded = context.decodeEmbeddedDocumentUri(document.uri);
+                    const decoded = context.decodeEmbeddedDocumentUri(vscode_uri_1.URI.parse(document.uri));
                     const sourceScript = decoded && context.language.scripts.get(decoded[0]);
                     const virtualCode = decoded && sourceScript?.generated?.embeddedCodes.get(decoded[1]);
                     if (!(sourceScript?.generated?.root instanceof language_core_1.VueVirtualCode) || virtualCode?.id !== 'template') {
@@ -45,13 +51,14 @@ function create(ts, getTsPluginClient) {
                 async resolveCodeAction(codeAction) {
                     const { uri, range, newName } = codeAction.data;
                     const [startOffset, endOffset] = range;
-                    const decoded = context.decodeEmbeddedDocumentUri(uri);
+                    const parsedUri = vscode_uri_1.URI.parse(uri);
+                    const decoded = context.decodeEmbeddedDocumentUri(parsedUri);
                     const sourceScript = decoded && context.language.scripts.get(decoded[0]);
                     const virtualCode = decoded && sourceScript?.generated?.embeddedCodes.get(decoded[1]);
                     if (!(sourceScript?.generated?.root instanceof language_core_1.VueVirtualCode) || virtualCode?.id !== 'template') {
                         return codeAction;
                     }
-                    const document = context.documents.get(uri, virtualCode.languageId, virtualCode.snapshot);
+                    const document = context.documents.get(parsedUri, virtualCode.languageId, virtualCode.snapshot);
                     const sfcDocument = context.documents.get(sourceScript.id, sourceScript.languageId, sourceScript.snapshot);
                     const { sfc } = sourceScript.generated.root;
                     const script = sfc.scriptSetup ?? sfc.script;
@@ -126,7 +133,7 @@ function create(ts, getTsPluginClient) {
                                 // editing vue sfc
                                 {
                                     textDocument: {
-                                        uri: sourceScript.id,
+                                        uri: sourceScript.id.toString(),
                                         version: null,
                                     },
                                     edits: sfcEdits,

package/lib/plugins/vue-sfc.js

@@ -5,6 +5,7 @@ const vue = require("@vue/language-core");
 const volar_service_html_1 = require("volar-service-html");
 const html = require("vscode-html-languageservice");
 const data_1 = require("./data");
+const vscode_uri_1 = require("vscode-uri");
 let sfcDataProvider;
 function create() {
     const htmlPlugin = (0, volar_service_html_1.create)({
@@ -37,8 +38,8 @@ function create() {
     return {
         ...htmlPlugin,
         name: 'vue-sfc',
-        create(context) {
-            const htmlPluginInstance = htmlPlugin.create(context);
+        create(context, api) {
+            const htmlPluginInstance = htmlPlugin.create(context, api);
             return {
                 ...htmlPluginInstance,
                 provide: {
@@ -157,7 +158,7 @@ function create() {
         },
     };
     function worker(document, context, callback) {
-        const decoded = context.decodeEmbeddedDocumentUri(document.uri);
+        const decoded = context.decodeEmbeddedDocumentUri(vscode_uri_1.URI.parse(document.uri));
         const sourceScript = decoded && context.language.scripts.get(decoded[0]);
         const virtualCode = decoded && sourceScript?.generated?.embeddedCodes.get(decoded[1]);
         if (virtualCode instanceof vue.VueVirtualCode) {

package/lib/plugins/vue-template.d.ts

@@ -1,3 +1,3 @@
-import type { ServiceContext, ServiceEnvironment } from '@volar/language-service';
+import type { LanguageServiceContext, LanguageServiceEnvironment } from '@volar/language-service';
 import { LanguageServicePlugin, VueCompilerOptions } from '../types';
-export declare function create(mode: 'html' | 'pug', ts: typeof import('typescript'), getVueOptions: (env: ServiceEnvironment) => VueCompilerOptions, getTsPluginClient?: (context: ServiceContext) => typeof import('@vue/typescript-plugin/lib/client') | undefined): LanguageServicePlugin;
+export declare function create(mode: 'html' | 'pug', ts: typeof import('typescript'), getVueOptions: (env: LanguageServiceEnvironment) => VueCompilerOptions, getTsPluginClient?: (context: LanguageServiceContext) => typeof import('@vue/typescript-plugin/lib/client') | undefined): LanguageServicePlugin;