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

package/index.d.ts

@@ -1,9 +1,9 @@
 export * from '@volar/language-service';
 export * from '@vue/language-core';
-export * from './lib/ideFeatures/nameCasing';
+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?: {
@@ -11,7 +11,8 @@ declare module '@volar/language-service' {
         };
     }
 }
-export declare function getFullLanguageServicePlugins(ts: typeof import('typescript'), { disableAutoImportCache }?: {
-    disableAutoImportCache?: boolean;
-}): LanguageServicePlugin<any>[];
-export declare function getHybridModeLanguageServicePlugins(ts: typeof import('typescript'), getTsPluginClient: typeof import("@vue/typescript-plugin/lib/client")): LanguageServicePlugin<any>[];
+export declare function getFullLanguageServicePlugins(ts: typeof import('typescript')): 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

@@ -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];
@@ -102,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();
@@ -132,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;
@@ -161,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;
@@ -179,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/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-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

@@ -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';
-export declare function create(ts: typeof import('typescript'), getTsPluginClient?: (context: LanguageServiceContext) => typeof import('@vue/typescript-plugin/lib/client') | undefined): LanguageServicePlugin;
+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-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,7 +1,7 @@
 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) => 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-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';
-export declare function create(mode: 'html' | 'pug', ts: typeof import('typescript'), getTsPluginClient?: (context: LanguageServiceContext) => typeof import('@vue/typescript-plugin/lib/client') | undefined): LanguageServicePlugin;
+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

@@ -3,12 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.create = create;
 const language_core_1 = require("@vue/language-core");
 const shared_1 = require("@vue/shared");
-const common_1 = require("@vue/typescript-plugin/lib/common");
 const volar_service_html_1 = require("volar-service-html");
 const volar_service_pug_1 = require("volar-service-pug");
 const html = require("vscode-html-languageservice");
 const vscode_uri_1 = require("vscode-uri");
-const nameCasing_1 = require("../ideFeatures/nameCasing");
+const nameCasing_1 = require("../nameCasing");
 const types_1 = require("../types");
 const data_1 = require("./data");
 const specialTags = new Set([
@@ -26,7 +25,7 @@ const specialProps = new Set([
 ]);
 let builtInData;
 let modelData;
-function create(mode, ts, getTsPluginClient) {
+function create(mode, getTsPluginClient) {
     let customData = [];
     let extraCustomData = [];
     let lastCompletionComponentNames = new Set();
@@ -70,18 +69,7 @@ function create(mode, ts, getTsPluginClient) {
                     '@', // vue event shorthand
                 ],
             },
-            inlayHintProvider: {},
             hoverProvider: true,
-            diagnosticProvider: {
-                interFileDependencies: false,
-                workspaceDiagnostics: false,
-            },
-            semanticTokensProvider: {
-                legend: {
-                    tokenTypes: ['class'],
-                    tokenModifiers: [],
-                },
-            }
         },
         create(context) {
             const tsPluginClient = getTsPluginClient?.(context);
@@ -159,122 +147,6 @@ function create(mode, ts, getTsPluginClient) {
                     }
                     return htmlComplete;
                 },
-                async provideInlayHints(document) {
-                    if (!isSupportedDocument(document)) {
-                        return;
-                    }
-                    if (!context.project.vue) {
-                        return;
-                    }
-                    const vueCompilerOptions = context.project.vue.compilerOptions;
-                    const enabled = await context.env.getConfiguration?.('vue.inlayHints.missingProps') ?? false;
-                    if (!enabled) {
-                        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 scanner = getScanner(baseServiceInstance, document);
-                    if (!scanner) {
-                        return;
-                    }
-                    const result = [];
-                    // visualize missing required props
-                    const casing = await (0, nameCasing_1.getNameCasing)(context, decoded[0]);
-                    const components = await tsPluginClient?.getComponentNames(root.fileName) ?? [];
-                    const componentProps = {};
-                    let token;
-                    let current;
-                    while ((token = scanner.scan()) !== html.TokenType.EOS) {
-                        if (token === html.TokenType.StartTag) {
-                            const tagName = scanner.getTokenText();
-                            const checkTag = tagName.includes('.')
-                                ? tagName
-                                : components.find(component => component === tagName || (0, language_core_1.hyphenateTag)(component) === tagName);
-                            if (checkTag) {
-                                componentProps[checkTag] ??= (await tsPluginClient?.getComponentProps(root.fileName, checkTag) ?? [])
-                                    .filter(prop => prop.required)
-                                    .map(prop => prop.name);
-                                current = {
-                                    unburnedRequiredProps: [...componentProps[checkTag]],
-                                    labelOffset: scanner.getTokenOffset() + scanner.getTokenLength(),
-                                    insertOffset: scanner.getTokenOffset() + scanner.getTokenLength(),
-                                };
-                            }
-                        }
-                        else if (token === html.TokenType.AttributeName) {
-                            if (current) {
-                                let attrText = scanner.getTokenText();
-                                if (attrText === 'v-bind') {
-                                    current.unburnedRequiredProps = [];
-                                }
-                                else {
-                                    // remove modifiers
-                                    if (attrText.includes('.')) {
-                                        attrText = attrText.split('.')[0];
-                                    }
-                                    // normalize
-                                    if (attrText.startsWith('v-bind:')) {
-                                        attrText = attrText.slice('v-bind:'.length);
-                                    }
-                                    else if (attrText.startsWith(':')) {
-                                        attrText = attrText.slice(':'.length);
-                                    }
-                                    else if (attrText.startsWith('v-model:')) {
-                                        attrText = attrText.slice('v-model:'.length);
-                                    }
-                                    else if (attrText === 'v-model') {
-                                        attrText = vueCompilerOptions.target >= 3 ? 'modelValue' : 'value'; // TODO: support for experimentalModelPropName?
-                                    }
-                                    else if (attrText.startsWith('v-on:')) {
-                                        attrText = 'on-' + (0, language_core_1.hyphenateAttr)(attrText.slice('v-on:'.length));
-                                    }
-                                    else if (attrText.startsWith('@')) {
-                                        attrText = 'on-' + (0, language_core_1.hyphenateAttr)(attrText.slice('@'.length));
-                                    }
-                                    current.unburnedRequiredProps = current.unburnedRequiredProps.filter(propName => {
-                                        return attrText !== propName
-                                            && attrText !== (0, language_core_1.hyphenateAttr)(propName);
-                                    });
-                                }
-                            }
-                        }
-                        else if (token === html.TokenType.StartTagSelfClose || token === html.TokenType.StartTagClose) {
-                            if (current) {
-                                for (const requiredProp of current.unburnedRequiredProps) {
-                                    result.push({
-                                        label: `${requiredProp}!`,
-                                        paddingLeft: true,
-                                        position: document.positionAt(current.labelOffset),
-                                        kind: 2,
-                                        textEdits: [{
-                                                range: {
-                                                    start: document.positionAt(current.insertOffset),
-                                                    end: document.positionAt(current.insertOffset),
-                                                },
-                                                newText: ` :${casing.attr === types_1.AttrNameCasing.Kebab ? (0, language_core_1.hyphenateAttr)(requiredProp) : requiredProp}=`,
-                                            }],
-                                    });
-                                }
-                                current = undefined;
-                            }
-                        }
-                        if (token === html.TokenType.AttributeName || token === html.TokenType.AttributeValue) {
-                            if (current) {
-                                current.insertOffset = scanner.getTokenOffset() + scanner.getTokenLength();
-                            }
-                        }
-                    }
-                    return result;
-                },
                 provideHover(document, position, token) {
                     if (!isSupportedDocument(document)) {
                         return;
@@ -284,98 +156,6 @@ function create(mode, ts, getTsPluginClient) {
                     }
                     return baseServiceInstance.provideHover?.(document, position, token);
                 },
-                async provideDiagnostics(document, token) {
-                    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 originalResult = await baseServiceInstance.provideDiagnostics?.(document, token);
-                    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 [
-                        ...originalResult ?? [],
-                        ...templateErrors,
-                    ];
-                },
-                provideDocumentSemanticTokens(document, range, legend) {
-                    if (!isSupportedDocument(document)) {
-                        return;
-                    }
-                    if (!context.project.vue) {
-                        return;
-                    }
-                    const vueCompilerOptions = context.project.vue.compilerOptions;
-                    const languageService = context.inject('typescript/languageService');
-                    if (!languageService) {
-                        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;
-                    }
-                    const { template } = root.sfc;
-                    if (!template) {
-                        return;
-                    }
-                    const spans = common_1.getComponentSpans.call({
-                        files: context.language.scripts,
-                        languageService,
-                        typescript: ts,
-                        vueOptions: vueCompilerOptions,
-                    }, root, template, {
-                        start: document.offsetAt(range.start),
-                        length: document.offsetAt(range.end) - document.offsetAt(range.start),
-                    });
-                    const classTokenIndex = legend.tokenTypes.indexOf('class');
-                    return spans.map(span => {
-                        const start = document.positionAt(span.start);
-                        return [
-                            start.line,
-                            start.character,
-                            span.length,
-                            classTokenIndex,
-                            0,
-                        ];
-                    });
-                },
             };
             async function provideHtmlData(sourceDocumentUri, vueCode) {
                 await (initializing ??= initialize());
@@ -467,14 +247,19 @@ function create(mode, ts, 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-')
@@ -502,6 +287,7 @@ function create(mode, ts, getTsPluginClient) {
                                     attributes.push({
                                         name: propName,
                                         description: propKey,
+                                        valueSet: prop.values?.some(value => typeof value === 'string') ? '__deferred__' : undefined,
                                     }, {
                                         name: ':' + propName,
                                         description: propKey,
@@ -529,10 +315,13 @@ function create(mode, ts, 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) {
@@ -806,17 +595,6 @@ function create(mode, ts, getTsPluginClient) {
             }
         },
     };
-    function getScanner(service, document) {
-        if (mode === 'html') {
-            return service.provide['html/languageService']().createScanner(document.getText());
-        }
-        else {
-            const pugDocument = service.provide['pug/pugDocument'](document);
-            if (pugDocument) {
-                return service.provide['pug/languageService']().createScanner(pugDocument);
-            }
-        }
-    }
     function updateExtraCustomData(extraData) {
         extraCustomData = extraData;
         onDidChangeCustomDataListeners.forEach(l => l());
@@ -830,7 +608,6 @@ function create(mode, ts, getTsPluginClient) {
         }
     }
 }
-;
 function parseLabel(label) {
     const leadingSlash = label.startsWith('/');
     const name = label.slice(leadingSlash ? 1 : 0);

package/lib/plugins/vue-twoslash-queries.d.ts

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

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": "2.2.10",
+	"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": "2.2.10",
+		"@vue/language-core": "3.0.0-alpha.10",
 		"@vue/shared": "^3.5.0",
-		"@vue/typescript-plugin": "2.2.10",
-		"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": "0422c03ffa4958431c9cd3cd19ae51f726c30b07"
+	"gitHead": "28308b4f76cc80c7632f39ae7e0944f1889661a2"
 }

package/lib/ideFeatures/nameCasing.d.ts

@@ -1,14 +0,0 @@
-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: 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: LanguageServiceContext, uri: URI): Promise<{
-    tag: TagNameCasing[];
-    attr: AttrNameCasing[];
-}>;

package/lib/ideFeatures/nameCasing.js

@@ -1,202 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertTagName = convertTagName;
-exports.convertAttrName = convertAttrName;
-exports.getNameCasing = getNameCasing;
-exports.detect = detect;
-const vue = require("@vue/language-core");
-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 vue.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 vue.VueVirtualCode)) {
-                return;
-            }
-            const ast = sourceFile.sfc.template?.ast;
-            const tags = new Map();
-            if (ast) {
-                for (const node of vue.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