@vue/language-service 2.2.8 → 3.0.0-alpha.2

package/index.js

@@ -19,7 +19,7 @@ exports.getFullLanguageServicePlugins = getFullLanguageServicePlugins;
 exports.getHybridModeLanguageServicePlugins = getHybridModeLanguageServicePlugins;
 __exportStar(require("@volar/language-service"), exports);
 __exportStar(require("@vue/language-core"), exports);
-__exportStar(require("./lib/ideFeatures/nameCasing"), exports);
+__exportStar(require("./lib/nameCasing"), exports);
 __exportStar(require("./lib/types"), exports);
 const types_1 = require("./lib/types");
 const volar_service_emmet_1 = require("volar-service-emmet");
@@ -32,12 +32,15 @@ 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_space_1 = require("./lib/plugins/vue-autoinsert-space");
+const vue_compiler_dom_errors_1 = require("./lib/plugins/vue-compiler-dom-errors");
 const vue_complete_define_assignment_1 = require("./lib/plugins/vue-complete-define-assignment");
 const vue_directive_comments_1 = require("./lib/plugins/vue-directive-comments");
 const vue_document_drop_1 = require("./lib/plugins/vue-document-drop");
+const vue_document_highlights_1 = require("./lib/plugins/vue-document-highlights");
 const vue_document_links_1 = require("./lib/plugins/vue-document-links");
 const vue_extract_file_1 = require("./lib/plugins/vue-extract-file");
 const vue_inlayhints_1 = require("./lib/plugins/vue-inlayhints");
+const vue_missing_props_hints_1 = require("./lib/plugins/vue-missing-props-hints");
 const vue_sfc_1 = require("./lib/plugins/vue-sfc");
 const vue_template_1 = require("./lib/plugins/vue-template");
 const vue_twoslash_queries_1 = require("./lib/plugins/vue-twoslash-queries");
@@ -49,14 +52,15 @@ const getComponentEvents_1 = require("@vue/typescript-plugin/lib/requests/getCom
 const getComponentNames_1 = require("@vue/typescript-plugin/lib/requests/getComponentNames");
 const getComponentProps_1 = require("@vue/typescript-plugin/lib/requests/getComponentProps");
 const getElementAttrs_1 = require("@vue/typescript-plugin/lib/requests/getElementAttrs");
+const getElementNames_1 = require("@vue/typescript-plugin/lib/requests/getElementNames");
 const getImportPathForFile_1 = require("@vue/typescript-plugin/lib/requests/getImportPathForFile");
 const getPropertiesAtLocation_1 = require("@vue/typescript-plugin/lib/requests/getPropertiesAtLocation");
 const vscode_uri_1 = require("vscode-uri");
-const nameCasing_1 = require("./lib/ideFeatures/nameCasing");
-function getFullLanguageServicePlugins(ts, { disableAutoImportCache } = {}) {
+const nameCasing_1 = require("./lib/nameCasing");
+function getFullLanguageServicePlugins(ts) {
     const plugins = [
-        ...(0, volar_service_typescript_1.create)(ts, { disableAutoImportCache }),
-        ...getCommonLanguageServicePlugins(ts, getTsPluginClientForLSP)
+        ...(0, volar_service_typescript_1.create)(ts),
+        ...getCommonLanguageServicePlugins(ts, getTsPluginClientForLSP),
     ];
     for (let i = 0; i < plugins.length; i++) {
         const plugin = plugins[i];
@@ -74,6 +78,7 @@ function getFullLanguageServicePlugins(ts, { disableAutoImportCache } = {}) {
                         languageService.getCompletionsAtPosition = proxy.getCompletionsAtPosition;
                         languageService.getCompletionEntryDetails = proxy.getCompletionEntryDetails;
                         languageService.getCodeFixesAtPosition = proxy.getCodeFixesAtPosition;
+                        languageService.getDefinitionAndBoundSpan = proxy.getDefinitionAndBoundSpan;
                         languageService.getQuickInfoAtPosition = proxy.getQuickInfoAtPosition;
                     }
                     return created;
@@ -101,28 +106,31 @@ function getFullLanguageServicePlugins(ts, { disableAutoImportCache } = {}) {
         };
         return {
             async collectExtractProps(...args) {
-                return await collectExtractProps_1.collectExtractProps.apply(requestContext, args);
+                return collectExtractProps_1.collectExtractProps.apply(requestContext, args);
             },
             async getPropertiesAtLocation(...args) {
-                return await getPropertiesAtLocation_1.getPropertiesAtLocation.apply(requestContext, args);
+                return getPropertiesAtLocation_1.getPropertiesAtLocation.apply(requestContext, args);
             },
             async getImportPathForFile(...args) {
-                return await getImportPathForFile_1.getImportPathForFile.apply(requestContext, args);
+                return getImportPathForFile_1.getImportPathForFile.apply(requestContext, args);
             },
             async getComponentEvents(...args) {
-                return await getComponentEvents_1.getComponentEvents.apply(requestContext, args);
+                return getComponentEvents_1.getComponentEvents.apply(requestContext, args);
             },
             async getComponentDirectives(...args) {
-                return await getComponentDirectives_1.getComponentDirectives.apply(requestContext, args);
+                return getComponentDirectives_1.getComponentDirectives.apply(requestContext, args);
             },
             async getComponentNames(...args) {
-                return await getComponentNames_1.getComponentNames.apply(requestContext, args);
+                return getComponentNames_1.getComponentNames.apply(requestContext, args);
             },
             async getComponentProps(...args) {
-                return await getComponentProps_1.getComponentProps.apply(requestContext, args);
+                return getComponentProps_1.getComponentProps.apply(requestContext, args);
             },
             async getElementAttrs(...args) {
-                return await getElementAttrs_1.getElementAttrs.apply(requestContext, args);
+                return getElementAttrs_1.getElementAttrs.apply(requestContext, args);
+            },
+            async getElementNames(...args) {
+                return getElementNames_1.getElementNames.apply(requestContext, args);
             },
             async getQuickInfoAtPosition(fileName, position) {
                 const languageService = context.getLanguageService();
@@ -131,8 +139,7 @@ function getFullLanguageServicePlugins(ts, { disableAutoImportCache } = {}) {
                 if (!sourceScript) {
                     return;
                 }
-                const document = context.documents.get(uri, sourceScript.languageId, sourceScript.snapshot);
-                const hover = await languageService.getHover(uri, document.positionAt(position));
+                const hover = await languageService.getHover(uri, position);
                 let text = '';
                 if (typeof hover?.contents === 'string') {
                     text = hover.contents;
@@ -160,12 +167,15 @@ function getFullLanguageServicePlugins(ts, { disableAutoImportCache } = {}) {
         };
     }
 }
-function getHybridModeLanguageServicePlugins(ts, getTsPluginClient) {
+function getHybridModeLanguageServicePlugins(ts, tsPluginClient) {
     const plugins = [
         (0, syntactic_1.create)(ts),
         (0, docCommentTemplate_1.create)(ts),
-        ...getCommonLanguageServicePlugins(ts, () => getTsPluginClient)
+        ...getCommonLanguageServicePlugins(ts, () => tsPluginClient)
     ];
+    if (tsPluginClient) {
+        plugins.push((0, vue_document_highlights_1.create)(tsPluginClient.getDocumentHighlights));
+    }
     for (const plugin of plugins) {
         // avoid affecting TS plugin
         delete plugin.capabilities.semanticTokensProvider;
@@ -178,12 +188,14 @@ function getCommonLanguageServicePlugins(ts, getTsPluginClient) {
         (0, css_1.create)(),
         (0, volar_service_pug_beautify_1.create)(),
         (0, volar_service_json_1.create)(),
-        (0, vue_template_1.create)('html', ts, getTsPluginClient),
-        (0, vue_template_1.create)('pug', ts, getTsPluginClient),
+        (0, vue_template_1.create)('html', getTsPluginClient),
+        (0, vue_template_1.create)('pug', getTsPluginClient),
+        (0, vue_missing_props_hints_1.create)(getTsPluginClient),
+        (0, vue_compiler_dom_errors_1.create)(),
         (0, vue_sfc_1.create)(),
         (0, vue_twoslash_queries_1.create)(getTsPluginClient),
-        (0, vue_document_links_1.create)(),
         (0, vue_document_drop_1.create)(ts, getTsPluginClient),
+        (0, vue_document_links_1.create)(),
         (0, vue_complete_define_assignment_1.create)(),
         (0, vue_autoinsert_dotvalue_1.create)(ts, getTsPluginClient),
         (0, vue_autoinsert_space_1.create)(),

package/lib/ideFeatures/nameCasing.js

@@ -17,7 +17,7 @@ async function convertTagName(context, uri, casing, tsPluginClient) {
     if (!(root instanceof language_core_1.VueVirtualCode)) {
         return;
     }
-    const { template } = root.sfc;
+    const { template } = root._sfc;
     if (!template) {
         return;
     }
@@ -52,7 +52,7 @@ async function convertAttrName(context, uri, casing, tsPluginClient) {
     if (!(root instanceof language_core_1.VueVirtualCode)) {
         return;
     }
-    const { template } = root.sfc;
+    const { template } = root._sfc;
     if (!template) {
         return;
     }
@@ -132,8 +132,8 @@ async function detect(context, uri) {
     }
     function getTagNameCase(file) {
         const result = new Set();
-        if (file.sfc.template?.ast) {
-            for (const element of vue.forEachElementNode(file.sfc.template.ast)) {
+        if (file._sfc.template?.ast) {
+            for (const element of vue.forEachElementNode(file._sfc.template.ast)) {
                 if (element.tagType === 1) {
                     if (element.tag !== (0, language_core_1.hyphenateTag)(element.tag)) {
                         // TagName
@@ -157,7 +157,7 @@ function getTemplateTagsAndAttrs(sourceFile) {
             if (!(sourceFile instanceof vue.VueVirtualCode)) {
                 return;
             }
-            const ast = sourceFile.sfc.template?.ast;
+            const ast = sourceFile._sfc.template?.ast;
             const tags = new Map();
             if (ast) {
                 for (const node of vue.forEachElementNode(ast)) {
@@ -197,6 +197,6 @@ function getTemplateTagsAndAttrs(sourceFile) {
         });
         map.set(sourceFile, getter);
     }
-    return map.get(sourceFile)() ?? new Map();
+    return map.get(sourceFile).get() ?? new Map();
 }
 //# sourceMappingURL=nameCasing.js.map

package/lib/nameCasing.d.ts

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

package/lib/nameCasing.js

@@ -0,0 +1,201 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertTagName = convertTagName;
+exports.convertAttrName = convertAttrName;
+exports.getNameCasing = getNameCasing;
+exports.detect = detect;
+const language_core_1 = require("@vue/language-core");
+const alien_signals_1 = require("alien-signals");
+const types_1 = require("./types");
+async function convertTagName(context, uri, casing, tsPluginClient) {
+    const sourceFile = context.language.scripts.get(uri);
+    if (!sourceFile) {
+        return;
+    }
+    const root = sourceFile?.generated?.root;
+    if (!(root instanceof language_core_1.VueVirtualCode)) {
+        return;
+    }
+    const { template } = root.sfc;
+    if (!template) {
+        return;
+    }
+    const document = context.documents.get(sourceFile.id, sourceFile.languageId, sourceFile.snapshot);
+    const edits = [];
+    const components = await tsPluginClient?.getComponentNames(root.fileName) ?? [];
+    const tags = getTemplateTagsAndAttrs(root);
+    for (const [tagName, { offsets }] of tags) {
+        const componentName = components.find(component => component === tagName || (0, language_core_1.hyphenateTag)(component) === tagName);
+        if (componentName) {
+            for (const offset of offsets) {
+                const start = document.positionAt(template.startTagEnd + offset);
+                const end = document.positionAt(template.startTagEnd + offset + tagName.length);
+                const range = { start, end };
+                if (casing === types_1.TagNameCasing.Kebab && tagName !== (0, language_core_1.hyphenateTag)(componentName)) {
+                    edits.push({ range, newText: (0, language_core_1.hyphenateTag)(componentName) });
+                }
+                if (casing === types_1.TagNameCasing.Pascal && tagName !== componentName) {
+                    edits.push({ range, newText: componentName });
+                }
+            }
+        }
+    }
+    return edits;
+}
+async function convertAttrName(context, uri, casing, tsPluginClient) {
+    const sourceFile = context.language.scripts.get(uri);
+    if (!sourceFile) {
+        return;
+    }
+    const root = sourceFile?.generated?.root;
+    if (!(root instanceof language_core_1.VueVirtualCode)) {
+        return;
+    }
+    const { template } = root.sfc;
+    if (!template) {
+        return;
+    }
+    const document = context.documents.get(uri, sourceFile.languageId, sourceFile.snapshot);
+    const edits = [];
+    const components = await tsPluginClient?.getComponentNames(root.fileName) ?? [];
+    const tags = getTemplateTagsAndAttrs(root);
+    for (const [tagName, { attrs }] of tags) {
+        const componentName = components.find(component => component === tagName || (0, language_core_1.hyphenateTag)(component) === tagName);
+        if (componentName) {
+            const props = (await tsPluginClient?.getComponentProps(root.fileName, componentName) ?? []).map(prop => prop.name);
+            for (const [attrName, { offsets }] of attrs) {
+                const propName = props.find(prop => prop === attrName || (0, language_core_1.hyphenateAttr)(prop) === attrName);
+                if (propName) {
+                    for (const offset of offsets) {
+                        const start = document.positionAt(template.startTagEnd + offset);
+                        const end = document.positionAt(template.startTagEnd + offset + attrName.length);
+                        const range = { start, end };
+                        if (casing === types_1.AttrNameCasing.Kebab && attrName !== (0, language_core_1.hyphenateAttr)(propName)) {
+                            edits.push({ range, newText: (0, language_core_1.hyphenateAttr)(propName) });
+                        }
+                        if (casing === types_1.AttrNameCasing.Camel && attrName !== propName) {
+                            edits.push({ range, newText: propName });
+                        }
+                    }
+                }
+            }
+        }
+    }
+    return edits;
+}
+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.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;
+    return {
+        tag: tagNameCasing,
+        attr: attrNameCasing,
+    };
+}
+async function detect(context, uri) {
+    const rootFile = context.language.scripts.get(uri)?.generated?.root;
+    if (!(rootFile instanceof language_core_1.VueVirtualCode)) {
+        return {
+            tag: [],
+            attr: [],
+        };
+    }
+    return {
+        tag: await getTagNameCase(rootFile),
+        attr: getAttrNameCase(rootFile),
+    };
+    function getAttrNameCase(file) {
+        const tags = getTemplateTagsAndAttrs(file);
+        const result = [];
+        for (const [_, { attrs }] of tags) {
+            for (const [tagName] of attrs) {
+                // attrName
+                if (tagName !== (0, language_core_1.hyphenateTag)(tagName)) {
+                    result.push(types_1.AttrNameCasing.Camel);
+                    break;
+                }
+            }
+            for (const [tagName] of attrs) {
+                // attr-name
+                if (tagName.includes('-')) {
+                    result.push(types_1.AttrNameCasing.Kebab);
+                    break;
+                }
+            }
+        }
+        return result;
+    }
+    function getTagNameCase(file) {
+        const result = new Set();
+        if (file.sfc.template?.ast) {
+            for (const element of (0, language_core_1.forEachElementNode)(file.sfc.template.ast)) {
+                if (element.tagType === 1) {
+                    if (element.tag !== (0, language_core_1.hyphenateTag)(element.tag)) {
+                        // TagName
+                        result.add(types_1.TagNameCasing.Pascal);
+                    }
+                    else {
+                        // Tagname -> tagname
+                        // TagName -> tag-name
+                        result.add(types_1.TagNameCasing.Kebab);
+                    }
+                }
+            }
+        }
+        return [...result];
+    }
+}
+const map = new WeakMap();
+function getTemplateTagsAndAttrs(sourceFile) {
+    if (!map.has(sourceFile)) {
+        const getter = (0, alien_signals_1.computed)(() => {
+            if (!(sourceFile instanceof language_core_1.VueVirtualCode)) {
+                return;
+            }
+            const ast = sourceFile.sfc.template?.ast;
+            const tags = new Map();
+            if (ast) {
+                for (const node of (0, language_core_1.forEachElementNode)(ast)) {
+                    if (!tags.has(node.tag)) {
+                        tags.set(node.tag, { offsets: [], attrs: new Map() });
+                    }
+                    const tag = tags.get(node.tag);
+                    const startTagHtmlOffset = node.loc.start.offset + node.loc.source.indexOf(node.tag);
+                    const endTagHtmlOffset = node.loc.start.offset + node.loc.source.lastIndexOf(node.tag);
+                    tag.offsets.push(startTagHtmlOffset);
+                    if (!node.isSelfClosing) {
+                        tag.offsets.push(endTagHtmlOffset);
+                    }
+                    for (const prop of node.props) {
+                        let name;
+                        let offset;
+                        if (prop.type === 7
+                            && prop.arg?.type === 4
+                            && prop.arg.isStatic) {
+                            name = prop.arg.content;
+                            offset = prop.arg.loc.start.offset;
+                        }
+                        else if (prop.type === 6) {
+                            name = prop.name;
+                            offset = prop.loc.start.offset;
+                        }
+                        if (name !== undefined && offset !== undefined) {
+                            if (!tag.attrs.has(name)) {
+                                tag.attrs.set(name, { offsets: [] });
+                            }
+                            tag.attrs.get(name).offsets.push(offset);
+                        }
+                    }
+                }
+            }
+            return tags;
+        });
+        map.set(sourceFile, getter);
+    }
+    return map.get(sourceFile)() ?? new Map();
+}
+//# sourceMappingURL=nameCasing.js.map

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

@@ -1,2 +1,2 @@
 import type { LanguageServiceContext, LanguageServicePlugin } from '@volar/language-service';
-export declare function create(ts: typeof import('typescript'), getTsPluginClient?: (context: LanguageServiceContext) => typeof import('@vue/typescript-plugin/lib/client') | undefined): LanguageServicePlugin;
+export declare function create(ts: typeof import('typescript'), getTsPluginClient?: (context: LanguageServiceContext) => import('@vue/typescript-plugin/lib/requests').Requests | undefined): LanguageServicePlugin;

package/lib/plugins/vue-compiler-dom-errors.d.ts

@@ -0,0 +1,2 @@
+import { LanguageServicePlugin } from '../types';
+export declare function create(): LanguageServicePlugin;

package/lib/plugins/vue-compiler-dom-errors.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.create = create;
+const language_core_1 = require("@vue/language-core");
+const vscode_uri_1 = require("vscode-uri");
+function create() {
+    return {
+        name: 'vue-compiler-dom-errors',
+        capabilities: {
+            diagnosticProvider: {
+                interFileDependencies: false,
+                workspaceDiagnostics: false,
+            },
+        },
+        create(context) {
+            return {
+                provideDiagnostics(document) {
+                    if (!isSupportedDocument(document)) {
+                        return;
+                    }
+                    const uri = vscode_uri_1.URI.parse(document.uri);
+                    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) {
+                        return;
+                    }
+                    const root = sourceScript?.generated?.root;
+                    if (!(root instanceof language_core_1.VueVirtualCode)) {
+                        return;
+                    }
+                    const templateErrors = [];
+                    const { template } = root.sfc;
+                    if (template) {
+                        for (const error of template.errors) {
+                            onCompilerError(error, 1);
+                        }
+                        for (const warning of template.warnings) {
+                            onCompilerError(warning, 2);
+                        }
+                        function onCompilerError(error, severity) {
+                            const templateHtmlRange = {
+                                start: error.loc?.start.offset ?? 0,
+                                end: error.loc?.end.offset ?? 0,
+                            };
+                            let errorMessage = error.message;
+                            templateErrors.push({
+                                range: {
+                                    start: document.positionAt(templateHtmlRange.start),
+                                    end: document.positionAt(templateHtmlRange.end),
+                                },
+                                severity,
+                                code: error.code,
+                                source: 'vue',
+                                message: errorMessage,
+                            });
+                        }
+                    }
+                    return templateErrors;
+                },
+            };
+        },
+    };
+    function isSupportedDocument(document) {
+        return document.languageId === 'jade' || document.languageId === 'html';
+    }
+}
+//# sourceMappingURL=vue-compiler-dom-errors.js.map

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

@@ -1,2 +1,2 @@
 import { LanguageServiceContext, LanguageServicePlugin } from '../types';
-export declare function create(ts: typeof import('typescript'), getTsPluginClient?: (context: LanguageServiceContext) => typeof import('@vue/typescript-plugin/lib/client') | undefined): LanguageServicePlugin;
+export declare function create(ts: typeof import('typescript'), getTsPluginClient?: (context: LanguageServiceContext) => import('@vue/typescript-plugin/lib/requests').Requests | undefined): LanguageServicePlugin;

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

@@ -0,0 +1,3 @@
+import type { LanguageServicePlugin } from '@volar/language-service';
+import type * as ts from 'typescript';
+export declare function create(getDocumentHighlights: (fileName: string, position: number) => Promise<ts.DocumentHighlights[] | null>): LanguageServicePlugin;

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.create = create;
+const language_core_1 = require("@vue/language-core");
+const vscode_uri_1 = require("vscode-uri");
+function create(getDocumentHighlights) {
+    return {
+        name: 'vue-document-highlights',
+        capabilities: {
+            documentHighlightProvider: true,
+        },
+        create(context) {
+            return {
+                async provideDocumentHighlights(document, position) {
+                    const uri = vscode_uri_1.URI.parse(document.uri);
+                    const decoded = context.decodeEmbeddedDocumentUri(uri);
+                    const sourceScript = decoded && context.language.scripts.get(decoded[0]);
+                    const virtualCode = decoded && sourceScript?.generated?.embeddedCodes.get(decoded[1]);
+                    if (!sourceScript?.generated || virtualCode?.id !== 'main') {
+                        return;
+                    }
+                    const root = sourceScript.generated.root;
+                    if (!(root instanceof language_core_1.VueVirtualCode)) {
+                        return;
+                    }
+                    const result = await getDocumentHighlights(root.fileName, document.offsetAt(position));
+                    return result
+                        ?.filter(({ fileName }) => fileName === root.fileName)
+                        .flatMap(({ highlightSpans }) => highlightSpans)
+                        .map(({ textSpan, kind }) => ({
+                        range: {
+                            start: document.positionAt(textSpan.start),
+                            end: document.positionAt(textSpan.start + textSpan.length),
+                        },
+                        kind: kind === 'reference'
+                            ? 2
+                            : kind === 'writtenReference'
+                                ? 3
+                                : 1,
+                    }));
+                },
+            };
+        },
+    };
+}
+//# sourceMappingURL=vue-document-highlights.js.map

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

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

package/lib/plugins/vue-missing-props-hints.d.ts

@@ -0,0 +1,3 @@
+import type { LanguageServiceContext } from '@volar/language-service';
+import { LanguageServicePlugin } from '../types';
+export declare function create(getTsPluginClient?: (context: LanguageServiceContext) => import('@vue/typescript-plugin/lib/requests').Requests | undefined): LanguageServicePlugin;