@vue/language-service 2.2.0 → 2.2.4

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

@@ -45,14 +45,14 @@ function create(ts, getTsPluginClient) {
                     if (!importUri || !vueCompilerOptions.extensions.some(ext => importUri.endsWith(ext))) {
                         return;
                     }
-                    let baseName = importUri.slice(importUri.lastIndexOf('/') + 1);
-                    baseName = baseName.slice(0, baseName.lastIndexOf('.'));
-                    const newName = (0, shared_1.capitalize)((0, shared_1.camelize)(baseName));
-                    const sfc = root._sfc;
+                    const { sfc } = root;
                     const script = sfc.scriptSetup ?? sfc.script;
                     if (!script) {
                         return;
                     }
+                    let baseName = importUri.slice(importUri.lastIndexOf('/') + 1);
+                    baseName = baseName.slice(0, baseName.lastIndexOf('.'));
+                    const newName = (0, shared_1.capitalize)((0, shared_1.camelize)(baseName));
                     const additionalEdit = {};
                     const code = [...(0, language_core_1.forEachEmbeddedCode)(root)].find(code => code.id === (sfc.scriptSetup ? 'scriptsetup_raw' : 'script_raw'));
                     const lastImportNode = (0, vue_extract_file_1.getLastImportNode)(ts, script.ast);
@@ -91,7 +91,7 @@ function create(ts, getTsPluginClient) {
                             + (lastImportNode ? '' : '\n'),
                     });
                     if (sfc.script) {
-                        const edit = (0, vue_extract_file_1.createAddComponentToOptionEdit)(ts, sfc.script.ast, newName);
+                        const edit = (0, vue_extract_file_1.createAddComponentToOptionEdit)(ts, sfc, sfc.script.ast, newName);
                         if (edit) {
                             additionalEdit.changes[embeddedDocumentUriStr].push({
                                 range: {

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

@@ -24,12 +24,13 @@ function create() {
                         return;
                     }
                     const result = [];
-                    const codegen = language_core_1.tsCodegen.get(root._sfc);
-                    const scopedClasses = codegen?.generatedTemplate.get()?.scopedClasses ?? [];
+                    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 < root._sfc.styles.length; i++) {
-                        const style = root._sfc.styles[i];
+                    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))) {

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

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

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

@@ -11,13 +11,17 @@ function create(ts, getTsPluginClient) {
         name: 'vue-extract-file',
         capabilities: {
             codeActionProvider: {
+                codeActionKinds: ['refactor'],
                 resolveProvider: true,
             },
         },
         create(context) {
             const tsPluginClient = getTsPluginClient?.(context);
             return {
-                provideCodeActions(document, range, _context) {
+                provideCodeActions(document, range, ctx) {
+                    if (ctx.only && !ctx.only.includes('refactor')) {
+                        return;
+                    }
                     const startOffset = document.offsetAt(range.start);
                     const endOffset = document.offsetAt(range.end);
                     if (startOffset === endOffset) {
@@ -34,7 +38,7 @@ function create(ts, getTsPluginClient) {
                     if (!(root instanceof language_core_1.VueVirtualCode)) {
                         return;
                     }
-                    const sfc = root._sfc;
+                    const { sfc } = root;
                     const script = sfc.scriptSetup ?? sfc.script;
                     if (!sfc.template || !script) {
                         return;
@@ -69,7 +73,7 @@ function create(ts, getTsPluginClient) {
                     if (!(root instanceof language_core_1.VueVirtualCode)) {
                         return codeAction;
                     }
-                    const sfc = root._sfc;
+                    const { sfc } = root;
                     const script = sfc.scriptSetup ?? sfc.script;
                     if (!sfc.template || !script) {
                         return codeAction;
@@ -118,7 +122,7 @@ function create(ts, getTsPluginClient) {
                         },
                     ];
                     if (sfc.script) {
-                        const edit = createAddComponentToOptionEdit(ts, sfc.script.ast, newName);
+                        const edit = createAddComponentToOptionEdit(ts, sfc, sfc.script.ast, newName);
                         if (edit) {
                             sfcEdits.push({
                                 range: {
@@ -247,11 +251,12 @@ function getLastImportNode(ts, sourceFile) {
     }
     return lastImportNode;
 }
-function createAddComponentToOptionEdit(ts, ast, componentName) {
-    const exportDefault = language_core_1.scriptRanges.parseScriptRanges(ts, ast, false, true).exportDefault;
-    if (!exportDefault) {
+function createAddComponentToOptionEdit(ts, sfc, ast, componentName) {
+    const scriptRanges = language_core_1.tsCodegen.get(sfc)?.getScriptRanges();
+    if (!scriptRanges?.exportDefault) {
         return;
     }
+    const { exportDefault } = scriptRanges;
     // https://github.com/microsoft/TypeScript/issues/36174
     const printer = ts.createPrinter();
     if (exportDefault.componentsOption && exportDefault.componentsOptionNode) {

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

@@ -4,4 +4,4 @@ export declare function create(ts: typeof import('typescript')): LanguageService
 /**
  * Refactored from https://github.com/vuejs/core/blob/main/packages/compiler-sfc/src/script/definePropsDestructure.ts
  */
-export declare function findDestructuredProps(ts: typeof import('typescript'), ast: ts.SourceFile, props: Set<string>): [ts.Identifier, boolean][];
+export declare function findDestructuredProps(ts: typeof import('typescript'), ast: ts.SourceFile, props: MapIterator<string>): [ts.Identifier, boolean][];

package/lib/plugins/vue-inlayhints.js

@@ -26,17 +26,17 @@ function create(ts) {
                         return settings[key] ??= await context.env.getConfiguration?.(key) ?? false;
                     }
                     const result = [];
-                    const codegen = language_core_1.tsCodegen.get(virtualCode._sfc);
+                    const codegen = language_core_1.tsCodegen.get(virtualCode.sfc);
                     const inlayHints = [
-                        ...codegen?.generatedTemplate.get()?.inlayHints ?? [],
-                        ...codegen?.generatedScript.get()?.inlayHints ?? [],
+                        ...codegen?.getGeneratedTemplate()?.inlayHints ?? [],
+                        ...codegen?.getGeneratedScript()?.inlayHints ?? [],
                     ];
-                    const scriptSetupRanges = codegen?.scriptSetupRanges.get();
-                    if (scriptSetupRanges?.defineProps?.destructured && virtualCode._sfc.scriptSetup?.ast) {
+                    const scriptSetupRanges = codegen?.getScriptSetupRanges();
+                    if (scriptSetupRanges?.defineProps?.destructured && virtualCode.sfc.scriptSetup?.ast) {
                         const setting = 'vue.inlayHints.destructuredProps';
                         const enabled = await getSettingEnabled(setting);
                         if (enabled) {
-                            for (const [prop, isShorthand] of findDestructuredProps(ts, virtualCode._sfc.scriptSetup.ast, scriptSetupRanges.defineProps.destructured)) {
+                            for (const [prop, isShorthand] of findDestructuredProps(ts, virtualCode.sfc.scriptSetup.ast, scriptSetupRanges.defineProps.destructured.keys())) {
                                 const name = prop.text;
                                 const end = prop.getEnd();
                                 const pos = isShorthand ? end : end - name.length;
@@ -51,9 +51,9 @@ function create(ts) {
                         }
                     }
                     const blocks = [
-                        virtualCode._sfc.template,
-                        virtualCode._sfc.script,
-                        virtualCode._sfc.scriptSetup,
+                        virtualCode.sfc.template,
+                        virtualCode.sfc.script,
+                        virtualCode.sfc.scriptSetup,
                     ];
                     const start = document.offsetAt(range.start);
                     const end = document.offsetAt(range.end);
@@ -148,7 +148,7 @@ function findDestructuredProps(ts, ast, props) {
             && initializer
             && ts.isCallExpression(initializer)
             && initializer.expression.getText(ast) === 'defineProps';
-        for (const [id] of (0, index_1.collectIdentifiers)(ts, name)) {
+        for (const { id } of (0, index_1.collectIdentifiers)(ts, name)) {
             if (isDefineProps) {
                 excludedIds.add(id);
             }
@@ -163,7 +163,7 @@ function findDestructuredProps(ts, ast, props) {
             registerLocalBinding(name);
         }
         for (const p of parameters) {
-            for (const [id] of (0, index_1.collectIdentifiers)(ts, p)) {
+            for (const { id } of (0, index_1.collectIdentifiers)(ts, p)) {
                 registerLocalBinding(id);
             }
         }

package/lib/plugins/vue-sfc.js

@@ -8,7 +8,7 @@ const vscode_uri_1 = require("vscode-uri");
 const data_1 = require("./data");
 let sfcDataProvider;
 function create() {
-    const htmlPlugin = (0, volar_service_html_1.create)({
+    const htmlService = (0, volar_service_html_1.create)({
         documentSelector: ['vue-root-tags'],
         useDefaultDataProvider: false,
         getCustomData(context) {
@@ -19,7 +19,7 @@ function create() {
             return await worker(document, context, async (root) => {
                 const formatSettings = await context.env.getConfiguration?.('html.format') ?? {};
                 const blockTypes = ['template', 'script', 'style'];
-                for (const customBlock of root._sfc.customBlocks) {
+                for (const customBlock of root.sfc.customBlocks) {
                     blockTypes.push(customBlock.type);
                 }
                 return {
@@ -36,12 +36,19 @@ function create() {
         },
     });
     return {
-        ...htmlPlugin,
+        ...htmlService,
         name: 'vue-sfc',
+        capabilities: {
+            ...htmlService.capabilities,
+            diagnosticProvider: {
+                interFileDependencies: false,
+                workspaceDiagnostics: false,
+            }
+        },
         create(context) {
-            const htmlPluginInstance = htmlPlugin.create(context);
+            const htmlServiceInstance = htmlService.create(context);
             return {
-                ...htmlPluginInstance,
+                ...htmlServiceInstance,
                 provideDocumentLinks: undefined,
                 async resolveEmbeddedCodeFormattingOptions(sourceScript, virtualCode, options) {
                     if (sourceScript.generated?.root instanceof language_core_1.VueVirtualCode) {
@@ -63,10 +70,44 @@ function create() {
                     }
                     return options;
                 },
+                provideDiagnostics(document, token) {
+                    return worker(document, context, async (root) => {
+                        const { vueSfc, sfc } = root;
+                        if (!vueSfc) {
+                            return;
+                        }
+                        const originalResult = await htmlServiceInstance.provideDiagnostics?.(document, token);
+                        const sfcErrors = [];
+                        const { template } = sfc;
+                        const { startTagEnd = Infinity, endTagStart = -Infinity } = template ?? {};
+                        for (const error of vueSfc.errors) {
+                            if ('code' in error) {
+                                const start = error.loc?.start.offset ?? 0;
+                                const end = error.loc?.end.offset ?? 0;
+                                if (end < startTagEnd || start >= endTagStart) {
+                                    sfcErrors.push({
+                                        range: {
+                                            start: document.positionAt(start),
+                                            end: document.positionAt(end),
+                                        },
+                                        severity: 1,
+                                        code: error.code,
+                                        source: 'vue',
+                                        message: error.message,
+                                    });
+                                }
+                            }
+                        }
+                        return [
+                            ...originalResult ?? [],
+                            ...sfcErrors
+                        ];
+                    });
+                },
                 provideDocumentSymbols(document) {
                     return worker(document, context, root => {
                         const result = [];
-                        const sfc = root._sfc;
+                        const { sfc } = root;
                         if (sfc.template) {
                             result.push({
                                 name: 'template',
@@ -148,7 +189,7 @@ function create() {
                     });
                 },
                 async provideCompletionItems(document, position, context, token) {
-                    const result = await htmlPluginInstance.provideCompletionItems?.(document, position, context, token);
+                    const result = await htmlServiceInstance.provideCompletionItems?.(document, position, context, token);
                     if (!result) {
                         return;
                     }

package/lib/plugins/vue-template/autoinsert-self-closing-tags.d.ts

@@ -0,0 +1,6 @@
+import type { LanguageServiceContext, LanguageServicePluginInstance } from '@volar/language-service';
+import * as html from 'vscode-html-languageservice';
+import type { TextDocument } from 'vscode-languageserver-textdocument';
+export declare function provideAutoInsertSelfClosingTags(context: LanguageServiceContext, service: LanguageServicePluginInstance, document: TextDocument, position: html.Position, change: {
+    text: string;
+}): Promise<">" | undefined>;

package/lib/plugins/vue-template/autoinsert-self-closing-tags.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.provideAutoInsertSelfClosingTags = provideAutoInsertSelfClosingTags;
+const html = require("vscode-html-languageservice");
+const vue_template_1 = require("../vue-template");
+async function provideAutoInsertSelfClosingTags(context, service, document, position, change) {
+    if (document.languageId !== 'html') {
+        return;
+    }
+    const enabled = await context.env.getConfiguration?.('vue.autoInsert.selfClosing') ?? true;
+    if (!enabled) {
+        return;
+    }
+    if (change.text !== '/') {
+        return;
+    }
+    const scanner = (0, vue_template_1.getScanner)(service, document, 'html');
+    if (!scanner) {
+        return;
+    }
+    const offset = document.offsetAt(position);
+    let token;
+    let inStartTag = false;
+    while ((token = scanner.scan()) !== html.TokenType.EOS) {
+        if (token === html.TokenType.StartTagOpen) {
+            inStartTag = true;
+        }
+        else if (token === html.TokenType.StartTagClose || token === html.TokenType.StartTagSelfClose) {
+            inStartTag = false;
+        }
+        else if (scanner.getTokenOffset() + 1 === offset) {
+            if (token === html.TokenType.Unknown) {
+                return '>';
+            }
+            return;
+        }
+    }
+}
+//# sourceMappingURL=autoinsert-self-closing-tags.js.map

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

@@ -0,0 +1 @@
+export {};

package/lib/plugins/vue-template/autoinsert-selfClosingTags.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=autoinsert-selfClosingTags.js.map

package/lib/plugins/vue-template/autoinsert-selfclosing-tags.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/plugins/vue-template/autoinsert-selfclosing-tags.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=autoinsert-selfclosing-tags.js.map

package/lib/plugins/vue-template.js

@@ -30,7 +30,7 @@ function create(mode, ts, getTsPluginClient) {
     let customData = [];
     let extraCustomData = [];
     let lastCompletionComponentNames = new Set();
-    const tsDocumentations = new Map();
+    const cachedPropInfos = new Map();
     const onDidChangeCustomDataListeners = new Set();
     const onDidChangeCustomData = (listener) => {
         onDidChangeCustomDataListeners.add(listener);
@@ -131,7 +131,6 @@ function create(mode, ts, getTsPluginClient) {
                     if (!context.project.vue) {
                         return;
                     }
-                    const vueCompilerOptions = context.project.vue.compilerOptions;
                     let sync;
                     let currentVersion;
                     const uri = vscode_uri_1.URI.parse(document.uri);
@@ -141,7 +140,7 @@ function create(mode, ts, getTsPluginClient) {
                     if (root instanceof language_core_1.VueVirtualCode) {
                         // #4298: Precompute HTMLDocument before provideHtmlData to avoid parseHTMLDocument requesting component names from tsserver
                         baseServiceInstance.provideCompletionItems?.(document, position, completionContext, token);
-                        sync = (await provideHtmlData(vueCompilerOptions, sourceScript.id, root)).sync;
+                        sync = (await provideHtmlData(sourceScript.id, root)).sync;
                         currentVersion = await sync();
                     }
                     let htmlComplete = await baseServiceInstance.provideCompletionItems?.(document, position, completionContext, token);
@@ -302,7 +301,7 @@ function create(mode, ts, getTsPluginClient) {
                     }
                     const originalResult = await baseServiceInstance.provideDiagnostics?.(document, token);
                     const templateErrors = [];
-                    const { template } = root._sfc;
+                    const { template } = root.sfc;
                     if (template) {
                         for (const error of template.errors) {
                             onCompilerError(error, 1);
@@ -352,7 +351,7 @@ function create(mode, ts, getTsPluginClient) {
                     if (!(root instanceof language_core_1.VueVirtualCode)) {
                         return;
                     }
-                    const { template } = root._sfc;
+                    const { template } = root.sfc;
                     if (!template) {
                         return;
                     }
@@ -378,7 +377,7 @@ function create(mode, ts, getTsPluginClient) {
                     });
                 },
             };
-            async function provideHtmlData(vueCompilerOptions, sourceDocumentUri, vueCode) {
+            async function provideHtmlData(sourceDocumentUri, vueCode) {
                 await (initializing ??= initialize());
                 const casing = await (0, nameCasing_1.getNameCasing)(context, sourceDocumentUri);
                 if (builtInData.tags) {
@@ -401,8 +400,7 @@ function create(mode, ts, getTsPluginClient) {
                 const tagInfos = new Map();
                 let version = 0;
                 let components;
-                let templateContextProps;
-                tsDocumentations.clear();
+                cachedPropInfos.clear();
                 updateExtraCustomData([
                     html.newHTMLDataProvider('vue-template-built-in', builtInData),
                     {
@@ -422,9 +420,7 @@ function create(mode, ts, getTsPluginClient) {
                                 })());
                                 return [];
                             }
-                            const scriptSetupRanges = vueCode._sfc.scriptSetup
-                                ? (0, language_core_1.parseScriptSetupRanges)(ts, vueCode._sfc.scriptSetup.ast, vueCompilerOptions)
-                                : undefined;
+                            const scriptSetupRanges = language_core_1.tsCodegen.get(vueCode.sfc)?.getScriptSetupRanges();
                             const names = new Set();
                             const tags = [];
                             for (const tag of components) {
@@ -436,7 +432,7 @@ function create(mode, ts, getTsPluginClient) {
                                 }
                             }
                             for (const binding of scriptSetupRanges?.bindings ?? []) {
-                                const name = vueCode._sfc.scriptSetup.content.slice(binding.range.start, binding.range.end);
+                                const name = vueCode.sfc.scriptSetup.content.slice(binding.range.start, binding.range.end);
                                 if (casing.tag === types_1.TagNameCasing.Kebab) {
                                     names.add((0, language_core_1.hyphenateTag)(name));
                                 }
@@ -457,44 +453,24 @@ function create(mode, ts, getTsPluginClient) {
                             if (!tagInfo) {
                                 promises.push((async () => {
                                     const attrs = await tsPluginClient?.getElementAttrs(vueCode.fileName, tag) ?? [];
-                                    const propsInfo = await tsPluginClient?.getComponentProps(vueCode.fileName, tag) ?? [];
+                                    const propInfos = await tsPluginClient?.getComponentProps(vueCode.fileName, tag) ?? [];
                                     const events = await tsPluginClient?.getComponentEvents(vueCode.fileName, tag) ?? [];
+                                    const directives = await tsPluginClient?.getComponentDirectives(vueCode.fileName) ?? [];
                                     tagInfos.set(tag, {
                                         attrs,
-                                        propsInfo: propsInfo.filter(prop => !prop.name.startsWith('ref_')),
+                                        propInfos: propInfos.filter(prop => !prop.name.startsWith('ref_')),
                                         events,
+                                        directives,
                                     });
                                     version++;
                                 })());
                                 return [];
                             }
-                            const { attrs, propsInfo, events } = tagInfo;
-                            const props = propsInfo.map(prop => (0, language_core_1.hyphenateTag)(prop.name).startsWith('on-vnode-')
+                            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);
                             const attributes = [];
-                            const _tsCodegen = language_core_1.tsCodegen.get(vueCode._sfc);
-                            if (_tsCodegen) {
-                                if (!templateContextProps) {
-                                    promises.push((async () => {
-                                        templateContextProps = await tsPluginClient?.getTemplateContextProps(vueCode.fileName) ?? [];
-                                        version++;
-                                    })());
-                                    return [];
-                                }
-                                let ctxVars = [
-                                    ..._tsCodegen.scriptRanges.get()?.bindings.map(({ range }) => vueCode._sfc.script.content.slice(range.start, range.end)) ?? [],
-                                    ..._tsCodegen.scriptSetupRanges.get()?.bindings.map(({ range }) => vueCode._sfc.scriptSetup.content.slice(range.start, range.end)) ?? [],
-                                    ...templateContextProps,
-                                ];
-                                ctxVars = [...new Set(ctxVars)];
-                                const dirs = ctxVars.map(language_core_1.hyphenateAttr).filter(v => v.startsWith('v-'));
-                                for (const dir of dirs) {
-                                    attributes.push({
-                                        name: dir,
-                                    });
-                                }
-                            }
                             const propsSet = new Set(props);
                             for (const prop of [...props, ...attrs]) {
                                 const isGlobal = !propsSet.has(prop);
@@ -515,13 +491,13 @@ function create(mode, ts, getTsPluginClient) {
                                 }
                                 else {
                                     const propName = name;
-                                    const propKey = generateItemKey('componentProp', isGlobal ? '*' : tag, propName);
-                                    const propDescription = propsInfo.find(prop => {
+                                    const propInfo = propInfos.find(prop => {
                                         const name = casing.attr === types_1.AttrNameCasing.Camel ? prop.name : (0, language_core_1.hyphenateAttr)(prop.name);
                                         return name === propName;
-                                    })?.commentMarkdown;
-                                    if (propDescription) {
-                                        tsDocumentations.set(propName, propDescription);
+                                    });
+                                    const propKey = generateItemKey('componentProp', isGlobal ? '*' : tag, propName, propInfo?.deprecated);
+                                    if (propInfo) {
+                                        cachedPropInfos.set(propName, propInfo);
                                     }
                                     attributes.push({
                                         name: propName,
@@ -546,6 +522,12 @@ function create(mode, ts, getTsPluginClient) {
                                     description: propKey,
                                 });
                             }
+                            for (const directive of directives) {
+                                const name = (0, language_core_1.hyphenateAttr)(directive);
+                                attributes.push({
+                                    name
+                                });
+                            }
                             const models = [];
                             for (const prop of [...props, ...attrs]) {
                                 if (prop.startsWith('onUpdate:')) {
@@ -652,7 +634,7 @@ function create(mode, ts, getTsPluginClient) {
                 const htmlDocumentations = new Map();
                 for (const item of completionList.items) {
                     const documentation = typeof item.documentation === 'string' ? item.documentation : item.documentation?.value;
-                    if (documentation && !isItemKey(documentation) && item.documentation) {
+                    if (documentation && !isItemKey(documentation)) {
                         htmlDocumentations.set(item.label, documentation);
                     }
                 }
@@ -675,10 +657,12 @@ function create(mode, ts, getTsPluginClient) {
                     }
                     const itemKeyStr = typeof item.documentation === 'string' ? item.documentation : item.documentation?.value;
                     let parsedItemKey = itemKeyStr ? parseItemKey(itemKeyStr) : undefined;
+                    let propInfo;
                     if (parsedItemKey) {
                         const documentations = [];
-                        if (tsDocumentations.has(parsedItemKey.prop)) {
-                            documentations.push(tsDocumentations.get(parsedItemKey.prop));
+                        propInfo = cachedPropInfos.get(parsedItemKey.prop);
+                        if (propInfo?.commentMarkdown) {
+                            documentations.push(propInfo.commentMarkdown);
                         }
                         let { isEvent, propName } = getPropName(parsedItemKey);
                         if (isEvent) {
@@ -712,20 +696,25 @@ function create(mode, ts, getTsPluginClient) {
                                 type: 'componentProp',
                                 tag: '^',
                                 prop: propName,
+                                deprecated: false,
                                 leadingSlash: false
                             };
                         }
-                        if (tsDocumentations.has(propName)) {
+                        propInfo = cachedPropInfos.get(propName);
+                        if (propInfo?.commentMarkdown) {
                             const originalDocumentation = typeof item.documentation === 'string' ? item.documentation : item.documentation?.value;
                             item.documentation = {
                                 kind: 'markdown',
                                 value: [
-                                    tsDocumentations.get(propName),
+                                    propInfo.commentMarkdown,
                                     originalDocumentation,
                                 ].filter(str => !!str).join('\n\n'),
                             };
                         }
                     }
+                    if (propInfo?.deprecated) {
+                        item.tags = [1];
+                    }
                     const tokens = [];
                     if (item.kind === 10
                         && lastCompletionComponentNames.has((0, language_core_1.hyphenateTag)(item.label))) {
@@ -850,8 +839,8 @@ function parseLabel(label) {
         leadingSlash
     };
 }
-function generateItemKey(type, tag, prop) {
-    return '__VLS_data=' + type + ',' + tag + ',' + prop;
+function generateItemKey(type, tag, prop, deprecated) {
+    return `__VLS_data=${type},${tag},${prop},${Number(deprecated)}`;
 }
 function isItemKey(key) {
     return key.startsWith('__VLS_data=');
@@ -864,6 +853,7 @@ function parseItemKey(key) {
             type: strs[0],
             tag: strs[1],
             prop: strs[2],
+            deprecated: strs[3] === '1',
             leadingSlash
         };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vue/language-service",
-	"version": "2.2.0",
+	"version": "2.2.4",
 	"license": "MIT",
 	"files": [
 		"data",
@@ -21,10 +21,10 @@
 		"@volar/language-service": "~2.4.11",
 		"@volar/typescript": "~2.4.11",
 		"@vue/compiler-dom": "^3.5.0",
-		"@vue/language-core": "2.2.0",
+		"@vue/language-core": "2.2.4",
 		"@vue/shared": "^3.5.0",
-		"@vue/typescript-plugin": "2.2.0",
-		"alien-signals": "^0.4.9",
+		"@vue/typescript-plugin": "2.2.4",
+		"alien-signals": "^1.0.3",
 		"path-browserify": "^1.0.1",
 		"volar-service-css": "0.0.62",
 		"volar-service-emmet": "0.0.62",
@@ -34,15 +34,16 @@
 		"volar-service-pug-beautify": "0.0.62",
 		"volar-service-typescript": "0.0.62",
 		"volar-service-typescript-twoslash-queries": "0.0.62",
+		"vscode-css-languageservice": "^6.3.1",
 		"vscode-html-languageservice": "^5.2.0",
 		"vscode-languageserver-textdocument": "^1.0.11",
 		"vscode-uri": "^3.0.8"
 	},
 	"devDependencies": {
-		"@types/node": "latest",
-		"@types/path-browserify": "latest",
+		"@types/node": "^22.10.4",
+		"@types/path-browserify": "^1.0.1",
 		"@volar/kit": "~2.4.11",
 		"vscode-languageserver-protocol": "^3.17.5"
 	},
-	"gitHead": "5babca774658d4b9afbe877ac7c8cafdaecf2c3e"
+	"gitHead": "c28986596935cb43979c9d437c25f292bdb36cef"
 }