@vue/language-service 3.0.0-alpha.0 → 3.0.0-alpha.10

package/index.d.ts

@@ -3,7 +3,7 @@ export * from '@vue/language-core';
 export * from './lib/nameCasing';
 export * from './lib/types';
 import type { LanguageServicePlugin } from '@volar/language-service';
-import { VueCompilerOptions } from '@vue/language-core';
+import { type VueCompilerOptions } from '@vue/language-core';
 declare module '@volar/language-service' {
     interface ProjectContext {
         vue?: {
@@ -12,4 +12,7 @@ declare module '@volar/language-service' {
     }
 }
 export declare function getFullLanguageServicePlugins(ts: typeof import('typescript')): LanguageServicePlugin<any>[];
-export declare function getHybridModeLanguageServicePlugins(ts: typeof import('typescript'), getTsPluginClient: import('@vue/typescript-plugin/lib/requests').Requests | undefined): LanguageServicePlugin<any>[];
+import type * as ts from 'typescript';
+export declare function getHybridModeLanguageServicePlugins(ts: typeof import('typescript'), tsPluginClient: (import('@vue/typescript-plugin/lib/requests').Requests & {
+    getDocumentHighlights: (fileName: string, position: number) => Promise<ts.DocumentHighlights[] | null>;
+}) | undefined): LanguageServicePlugin<any>[];

package/index.js

@@ -36,6 +36,7 @@ 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");
@@ -105,31 +106,31 @@ function getFullLanguageServicePlugins(ts) {
         };
         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 await getElementNames_1.getElementNames.apply(requestContext, args);
+                return getElementNames_1.getElementNames.apply(requestContext, args);
             },
             async getQuickInfoAtPosition(fileName, position) {
                 const languageService = context.getLanguageService();
@@ -138,8 +139,7 @@ function getFullLanguageServicePlugins(ts) {
                 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;
@@ -167,12 +167,15 @@ function getFullLanguageServicePlugins(ts) {
         };
     }
 }
-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;
@@ -191,8 +194,8 @@ function getCommonLanguageServicePlugins(ts, 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/plugins/css.js

@@ -23,55 +23,67 @@ function create() {
                     return diagnostics;
                 },
                 /**
-                 * If the editing position is within the virtual code and navigation is enabled,
-                 * skip the CSS renaming feature.
+                 * If the position is within the virtual code and navigation is enabled,
+                 * skip the CSS navigation feature.
                  */
+                provideReferences(document, position) {
+                    if (isWithinNavigationVirtualCode(document, position)) {
+                        return;
+                    }
+                    return worker(document, (stylesheet, cssLs) => {
+                        return cssLs.findReferences(document, position, stylesheet);
+                    });
+                },
                 provideRenameRange(document, position) {
-                    do {
-                        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.startsWith('style_')) {
-                            break;
-                        }
-                        const root = sourceScript.generated.root;
-                        if (!(root instanceof language_core_1.VueVirtualCode)) {
-                            break;
-                        }
-                        const block = root.sfc.styles.find(style => style.name === decoded[1]);
-                        if (!block) {
-                            break;
-                        }
-                        let script;
-                        for (const [key, value] of sourceScript.generated.embeddedCodes) {
-                            if (key.startsWith('script_')) {
-                                script = value;
-                                break;
-                            }
-                        }
-                        if (!script) {
-                            break;
-                        }
-                        const offset = document.offsetAt(position) + block.startTagEnd;
-                        for (const { sourceOffsets, lengths, data } of script.mappings) {
-                            if (!sourceOffsets.length
-                                || !data.navigation
-                                || typeof data.navigation === 'object' && !data.navigation.shouldRename) {
-                                continue;
-                            }
-                            const start = sourceOffsets[0];
-                            const end = sourceOffsets.at(-1) + lengths.at(-1);
-                            if (offset >= start && offset <= end) {
-                                return;
-                            }
-                        }
-                    } while (0);
+                    if (isWithinNavigationVirtualCode(document, position)) {
+                        return;
+                    }
                     return worker(document, (stylesheet, cssLs) => {
                         return cssLs.prepareRename(document, position, stylesheet);
                     });
                 }
             };
+            function isWithinNavigationVirtualCode(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.startsWith('style_')) {
+                    return false;
+                }
+                const root = sourceScript.generated.root;
+                if (!(root instanceof language_core_1.VueVirtualCode)) {
+                    return false;
+                }
+                const block = root.sfc.styles.find(style => style.name === decoded[1]);
+                if (!block) {
+                    return false;
+                }
+                let script;
+                for (const [key, value] of sourceScript.generated.embeddedCodes) {
+                    if (key.startsWith('script_')) {
+                        script = value;
+                        break;
+                    }
+                }
+                if (!script) {
+                    return false;
+                }
+                const offset = document.offsetAt(position) + block.startTagEnd;
+                for (const { sourceOffsets, lengths, data } of script.mappings) {
+                    if (!sourceOffsets.length
+                        || !data.navigation
+                        || typeof data.navigation === 'object' && !data.navigation.shouldRename) {
+                        continue;
+                    }
+                    const start = sourceOffsets[0];
+                    const end = sourceOffsets.at(-1) + lengths.at(-1);
+                    if (offset >= start && offset <= end) {
+                        return true;
+                    }
+                }
+                return false;
+            }
             function worker(document, callback) {
                 const cssLs = getCssLs(document);
                 if (!cssLs) {

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

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

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

@@ -1,2 +1,2 @@
-import { LanguageServiceContext, LanguageServicePlugin } from '../types';
+import { type LanguageServiceContext, type LanguageServicePlugin } from '../types';
 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-document-links.js

@@ -16,52 +16,84 @@ function create() {
                     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 !== 'template') {
+                    if (!sourceScript?.generated || (virtualCode?.id !== 'template' && virtualCode?.id !== "scriptsetup_raw")) {
                         return;
                     }
                     const root = sourceScript.generated.root;
                     if (!(root instanceof language_core_1.VueVirtualCode)) {
                         return;
                     }
-                    const result = [];
                     const { sfc } = root;
                     const codegen = language_core_1.tsCodegen.get(sfc);
-                    const scopedClasses = codegen?.getGeneratedTemplate()?.scopedClasses ?? [];
-                    const styleClasses = new Map();
-                    const option = root.vueCompilerOptions.experimentalResolveStyleCssClasses;
-                    for (let i = 0; i < sfc.styles.length; i++) {
-                        const style = sfc.styles[i];
-                        if (option === 'always' || (option === 'scoped' && style.scoped)) {
-                            for (const className of style.classNames) {
-                                if (!styleClasses.has(className.text.slice(1))) {
-                                    styleClasses.set(className.text.slice(1), []);
+                    const result = [];
+                    if (virtualCode.id === 'template') {
+                        const scopedClasses = codegen?.getGeneratedTemplate()?.scopedClasses ?? [];
+                        const styleClasses = new Map();
+                        const option = root.vueCompilerOptions.experimentalResolveStyleCssClasses;
+                        for (let i = 0; i < sfc.styles.length; i++) {
+                            const style = sfc.styles[i];
+                            if (option === 'always' || (option === 'scoped' && style.scoped)) {
+                                for (const className of style.classNames) {
+                                    if (!styleClasses.has(className.text.slice(1))) {
+                                        styleClasses.set(className.text.slice(1), []);
+                                    }
+                                    styleClasses.get(className.text.slice(1)).push({
+                                        index: i,
+                                        style,
+                                        classOffset: className.offset,
+                                    });
                                 }
-                                styleClasses.get(className.text.slice(1)).push({
-                                    index: i,
-                                    style,
-                                    classOffset: className.offset,
-                                });
                             }
                         }
-                    }
-                    for (const { className, offset } of scopedClasses) {
-                        const styles = styleClasses.get(className);
-                        if (styles) {
-                            for (const style of styles) {
-                                const styleDocumentUri = context.encodeEmbeddedDocumentUri(decoded[0], 'style_' + style.index);
-                                const styleVirtualCode = sourceScript.generated.embeddedCodes.get('style_' + style.index);
-                                if (!styleVirtualCode) {
-                                    continue;
+                        for (const { className, offset } of scopedClasses) {
+                            const styles = styleClasses.get(className);
+                            if (styles) {
+                                for (const style of styles) {
+                                    const styleDocumentUri = context.encodeEmbeddedDocumentUri(decoded[0], 'style_' + style.index);
+                                    const styleVirtualCode = sourceScript.generated.embeddedCodes.get('style_' + style.index);
+                                    if (!styleVirtualCode) {
+                                        continue;
+                                    }
+                                    const styleDocument = context.documents.get(styleDocumentUri, styleVirtualCode.languageId, styleVirtualCode.snapshot);
+                                    const start = styleDocument.positionAt(style.classOffset);
+                                    const end = styleDocument.positionAt(style.classOffset + className.length + 1);
+                                    result.push({
+                                        range: {
+                                            start: document.positionAt(offset),
+                                            end: document.positionAt(offset + className.length),
+                                        },
+                                        target: context.encodeEmbeddedDocumentUri(decoded[0], 'style_' + style.index) + `#L${start.line + 1},${start.character + 1}-L${end.line + 1},${end.character + 1}`,
+                                    });
                                 }
-                                const styleDocument = context.documents.get(styleDocumentUri, styleVirtualCode.languageId, styleVirtualCode.snapshot);
-                                const start = styleDocument.positionAt(style.classOffset);
-                                const end = styleDocument.positionAt(style.classOffset + className.length + 1);
+                            }
+                        }
+                    }
+                    else if (virtualCode.id === 'scriptsetup_raw') {
+                        if (!sfc.scriptSetup) {
+                            return;
+                        }
+                        const templateVirtualCode = sourceScript.generated.embeddedCodes.get('template');
+                        if (!templateVirtualCode) {
+                            return;
+                        }
+                        const templateDocumentUri = context.encodeEmbeddedDocumentUri(decoded[0], 'template');
+                        const templateDocument = context.documents.get(templateDocumentUri, templateVirtualCode.languageId, templateVirtualCode.snapshot);
+                        const templateRefs = codegen?.getGeneratedTemplate()?.templateRefs;
+                        const useTemplateRefs = codegen?.getScriptSetupRanges()?.useTemplateRef ?? [];
+                        for (const { arg } of useTemplateRefs) {
+                            if (!arg) {
+                                continue;
+                            }
+                            const name = sfc.scriptSetup.content.slice(arg.start + 1, arg.end - 1);
+                            for (const { offset } of templateRefs?.get(name) ?? []) {
+                                const start = templateDocument.positionAt(offset);
+                                const end = templateDocument.positionAt(offset + name.length);
                                 result.push({
                                     range: {
-                                        start: document.positionAt(offset),
-                                        end: document.positionAt(offset + className.length),
+                                        start: document.positionAt(arg.start + 1),
+                                        end: document.positionAt(arg.end - 1),
                                     },
-                                    target: context.encodeEmbeddedDocumentUri(decoded[0], 'style_' + style.index) + `#L${start.line + 1},${start.character + 1}-L${end.line + 1},${end.character + 1}`,
+                                    target: templateDocumentUri + `#L${start.line + 1},${start.character + 1}-L${end.line + 1},${end.character + 1}`,
                                 });
                             }
                         }

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

@@ -1,5 +1,5 @@
 import type { LanguageServiceContext, LanguageServicePlugin } from '@volar/language-service';
-import { Sfc } from '@vue/language-core';
+import { type Sfc } from '@vue/language-core';
 import type * as ts from 'typescript';
 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;

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

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

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

@@ -0,0 +1,64 @@
+"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(getTsPluginClient) {
+    return {
+        name: 'vue-file-references',
+        capabilities: {
+            codeLensProvider: {
+                resolveProvider: true,
+            },
+        },
+        create(context) {
+            const tsPluginClient = getTsPluginClient?.(context);
+            void tsPluginClient;
+            return {
+                provideReferencesCodeLensRanges(document) {
+                    return worker(document, context, root => {
+                        if (root.sfc.template) {
+                            return [{
+                                    start: document.positionAt(root.sfc.template.start + 1),
+                                    end: document.positionAt(root.sfc.template.start + 1 + 'template'.length),
+                                }];
+                        }
+                    });
+                },
+                provideReferences(document, position) {
+                    return worker(document, context, async (root) => {
+                        if (!root.sfc.template) {
+                            return;
+                        }
+                        const offset = document.offsetAt(position);
+                        const start = root.sfc.template.start + 1;
+                        const end = start + 'template'.length;
+                        if (offset < start || offset > end) {
+                            return;
+                        }
+                        console.time('[VVVIP] getFileReferences');
+                        const references = await tsPluginClient?.getFileReferences(root.fileName) ?? [];
+                        console.timeEnd('[VVVIP] getFileReferences');
+                        return references.map(({ fileName, range }) => ({
+                            uri: vscode_uri_1.URI.file(fileName).toString(),
+                            range,
+                        }));
+                    });
+                },
+            };
+        },
+    };
+    function worker(document, context, callback) {
+        if (document.languageId !== 'vue-root-tags') {
+            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 root = sourceScript?.generated?.root;
+        if (root instanceof language_core_1.VueVirtualCode) {
+            return callback(root);
+        }
+    }
+}
+//# sourceMappingURL=vue-file-references.js.map

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

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

package/lib/plugins/vue-missing-props-hints.js

@@ -23,7 +23,6 @@ function create(getTsPluginClient) {
                     if (!context.project.vue) {
                         return;
                     }
-                    const vueCompilerOptions = context.project.vue.compilerOptions;
                     const enabled = await context.env.getConfiguration?.('vue.inlayHints.missingProps') ?? false;
                     if (!enabled) {
                         return;
@@ -101,7 +100,7 @@ function create(getTsPluginClient) {
                                         attrText = attrText.slice('v-model:'.length);
                                     }
                                     else if (attrText === 'v-model') {
-                                        attrText = vueCompilerOptions.target >= 3 ? 'modelValue' : 'value'; // TODO: support for experimentalModelPropName?
+                                        attrText = 'modelValue'; // TODO: support for experimentalModelPropName?
                                     }
                                     else if (attrText.startsWith('v-on:')) {
                                         attrText = 'on-' + (0, language_core_1.hyphenateAttr)(attrText.slice('v-on:'.length));

package/lib/plugins/vue-sfc.js

@@ -193,7 +193,9 @@ function create() {
                     if (!result) {
                         return;
                     }
-                    result.items = result.items.filter(item => item.label !== '!DOCTYPE' && item.label !== 'Custom Blocks');
+                    result.items = result.items.filter(item => item.label !== '!DOCTYPE' &&
+                        item.label !== 'Custom Blocks' &&
+                        item.label !== 'data-');
                     const tags = sfcDataProvider?.provideTags();
                     const scriptLangs = getLangs('script');
                     const scriptItems = result.items.filter(item => item.label === 'script' || item.label === 'script setup');

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

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

package/lib/plugins/vue-template-refs.js

@@ -0,0 +1,44 @@
+"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");
+const utils_1 = require("./utils");
+function create() {
+    return {
+        name: 'vue-document-drop',
+        capabilities: {
+            completionProvider: {},
+        },
+        create(context) {
+            return {
+                provideCompletionItems(document) {
+                    if (!(0, utils_1.isTsDocument)(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 (!sourceScript?.generated || !virtualCode) {
+                        return;
+                    }
+                    const root = sourceScript.generated.root;
+                    if (!(root instanceof language_core_1.VueVirtualCode)) {
+                        return;
+                    }
+                    const { sfc } = root;
+                    const codegen = language_core_1.tsCodegen.get(sfc);
+                    const scriptSetupRanges = codegen.getScriptSetupRanges();
+                    for (const {} of scriptSetupRanges?.useTemplateRef ?? []) {
+                        return {
+                            isIncomplete: false,
+                            items: [],
+                        };
+                    }
+                }
+            };
+        },
+    };
+}
+//# sourceMappingURL=vue-template-refs.js.map

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

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

package/lib/plugins/vue-template.js

@@ -247,14 +247,19 @@ function create(mode, getTsPluginClient) {
                                 return [];
                             }
                             const { attrs, propInfos, events, directives } = tagInfo;
-                            const props = propInfos.map(prop => (0, language_core_1.hyphenateTag)(prop.name).startsWith('on-vnode-')
-                                ? 'onVue:' + prop.name.slice('onVnode'.length)
-                                : prop.name);
+                            for (const prop of propInfos) {
+                                if ((0, language_core_1.hyphenateTag)(prop.name).startsWith('on-vnode-')) {
+                                    prop.name = 'onVue:' + prop.name.slice('onVnode'.length);
+                                }
+                            }
                             const attributes = [];
-                            const propsSet = new Set(props);
-                            for (const prop of [...props, ...attrs]) {
-                                const isGlobal = !propsSet.has(prop);
-                                const name = casing.attr === types_1.AttrNameCasing.Camel ? prop : (0, language_core_1.hyphenateAttr)(prop);
+                            const propsSet = new Set(propInfos.map(prop => prop.name));
+                            for (const prop of [
+                                ...propInfos,
+                                ...attrs.map(attr => ({ name: attr })),
+                            ]) {
+                                const isGlobal = prop.isAttribute || !propsSet.has(prop.name);
+                                const name = casing.attr === types_1.AttrNameCasing.Camel ? prop.name : (0, language_core_1.hyphenateAttr)(prop.name);
                                 const isEvent = (0, language_core_1.hyphenateAttr)(name).startsWith('on-');
                                 if (isEvent) {
                                     const propNameBase = name.startsWith('on-')
@@ -282,6 +287,7 @@ function create(mode, getTsPluginClient) {
                                     attributes.push({
                                         name: propName,
                                         description: propKey,
+                                        valueSet: prop.values?.some(value => typeof value === 'string') ? '__deferred__' : undefined,
                                     }, {
                                         name: ':' + propName,
                                         description: propKey,
@@ -309,10 +315,13 @@ function create(mode, getTsPluginClient) {
                                 });
                             }
                             const models = [];
-                            for (const prop of [...props, ...attrs]) {
-                                if (prop.startsWith('onUpdate:')) {
-                                    const isGlobal = !propsSet.has(prop);
-                                    models.push([isGlobal, prop.slice('onUpdate:'.length)]);
+                            for (const prop of [
+                                ...propInfos,
+                                ...attrs.map(attr => ({ name: attr })),
+                            ]) {
+                                if (prop.name.startsWith('onUpdate:')) {
+                                    const isGlobal = !propsSet.has(prop.name);
+                                    models.push([isGlobal, prop.name.slice('onUpdate:'.length)]);
                                 }
                             }
                             for (const event of events) {

package/lib/plugins/vue-twoslash-queries.js

@@ -38,7 +38,7 @@ function create(getTsPluginClient) {
                     for (const [pointerPosition, hoverOffset] of hoverOffsets) {
                         const map = context.language.maps.get(virtualCode, sourceScript);
                         for (const [sourceOffset] of map.toSourceLocation(hoverOffset)) {
-                            const quickInfo = await tsPluginClient?.getQuickInfoAtPosition(root.fileName, sourceOffset);
+                            const quickInfo = await tsPluginClient?.getQuickInfoAtPosition(root.fileName, document.positionAt(sourceOffset));
                             if (quickInfo) {
                                 inlayHints.push({
                                     position: { line: pointerPosition.line, character: pointerPosition.character + 2 },

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vue/language-service",
-	"version": "3.0.0-alpha.0",
+	"version": "3.0.0-alpha.10",
 	"license": "MIT",
 	"files": [
 		"data",
@@ -17,23 +17,23 @@
 		"update-html-data": "node ./scripts/update-html-data.js"
 	},
 	"dependencies": {
-		"@volar/language-core": "~2.4.11",
-		"@volar/language-service": "~2.4.11",
-		"@volar/typescript": "~2.4.11",
+		"@volar/language-core": "~2.4.13",
+		"@volar/language-service": "~2.4.13",
+		"@volar/typescript": "~2.4.13",
 		"@vue/compiler-dom": "^3.5.0",
-		"@vue/language-core": "3.0.0-alpha.0",
+		"@vue/language-core": "3.0.0-alpha.10",
 		"@vue/shared": "^3.5.0",
-		"@vue/typescript-plugin": "3.0.0-alpha.0",
-		"alien-signals": "^1.0.3",
+		"@vue/typescript-plugin": "3.0.0-alpha.10",
+		"alien-signals": "^2.0.5",
 		"path-browserify": "^1.0.1",
-		"volar-service-css": "0.0.62",
-		"volar-service-emmet": "0.0.62",
-		"volar-service-html": "0.0.62",
-		"volar-service-json": "0.0.62",
-		"volar-service-pug": "0.0.62",
-		"volar-service-pug-beautify": "0.0.62",
-		"volar-service-typescript": "0.0.62",
-		"volar-service-typescript-twoslash-queries": "0.0.62",
+		"volar-service-css": "0.0.64",
+		"volar-service-emmet": "0.0.64",
+		"volar-service-html": "0.0.64",
+		"volar-service-json": "0.0.64",
+		"volar-service-pug": "0.0.64",
+		"volar-service-pug-beautify": "0.0.64",
+		"volar-service-typescript": "0.0.64",
+		"volar-service-typescript-twoslash-queries": "0.0.64",
 		"vscode-css-languageservice": "^6.3.1",
 		"vscode-html-languageservice": "^5.2.0",
 		"vscode-languageserver-textdocument": "^1.0.11",
@@ -42,8 +42,8 @@
 	"devDependencies": {
 		"@types/node": "^22.10.4",
 		"@types/path-browserify": "^1.0.1",
-		"@volar/kit": "~2.4.11",
+		"@volar/kit": "~2.4.13",
 		"vscode-languageserver-protocol": "^3.17.5"
 	},
-	"gitHead": "4b49cbe09097e482def4603b90f6c3b93bb2e913"
+	"gitHead": "28308b4f76cc80c7632f39ae7e0944f1889661a2"
 }