@vue/language-service 3.0.0-alpha.8 → 3.0.0-beta.1

package/index.d.ts

@@ -1,9 +1,8 @@
 export * from '@volar/language-service';
-export * from '@vue/language-core';
-export * from './lib/nameCasing';
-export * from './lib/types';
+export * from '@volar/language-service/lib/utils/featureWorkers';
 import type { LanguageServicePlugin } from '@volar/language-service';
-import { type VueCompilerOptions } from '@vue/language-core';
+import type { VueCompilerOptions } from '@vue/language-core';
+import type * as ts from 'typescript';
 declare module '@volar/language-service' {
     interface ProjectContext {
         vue?: {
@@ -11,8 +10,6 @@ declare module '@volar/language-service' {
         };
     }
 }
-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 & {
+export declare function createVueLanguageServicePlugins(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

@@ -15,17 +15,13 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFullLanguageServicePlugins = getFullLanguageServicePlugins;
-exports.getHybridModeLanguageServicePlugins = getHybridModeLanguageServicePlugins;
+exports.createVueLanguageServicePlugins = createVueLanguageServicePlugins;
 __exportStar(require("@volar/language-service"), exports);
-__exportStar(require("@vue/language-core"), exports);
-__exportStar(require("./lib/nameCasing"), exports);
-__exportStar(require("./lib/types"), exports);
-const types_1 = require("./lib/types");
+// for @vue/language-server usage
+__exportStar(require("@volar/language-service/lib/utils/featureWorkers"), exports);
 const volar_service_emmet_1 = require("volar-service-emmet");
 const volar_service_json_1 = require("volar-service-json");
 const volar_service_pug_beautify_1 = require("volar-service-pug-beautify");
-const volar_service_typescript_1 = require("volar-service-typescript");
 const volar_service_typescript_twoslash_queries_1 = require("volar-service-typescript-twoslash-queries");
 const docCommentTemplate_1 = require("volar-service-typescript/lib/plugins/docCommentTemplate");
 const syntactic_1 = require("volar-service-typescript/lib/plugins/syntactic");
@@ -44,130 +40,7 @@ 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");
-const language_core_1 = require("@vue/language-core");
-const common_1 = require("@vue/typescript-plugin/lib/common");
-const collectExtractProps_1 = require("@vue/typescript-plugin/lib/requests/collectExtractProps");
-const getComponentDirectives_1 = require("@vue/typescript-plugin/lib/requests/getComponentDirectives");
-const getComponentEvents_1 = require("@vue/typescript-plugin/lib/requests/getComponentEvents");
-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/nameCasing");
-function getFullLanguageServicePlugins(ts) {
-    const plugins = [
-        ...(0, volar_service_typescript_1.create)(ts),
-        ...getCommonLanguageServicePlugins(ts, getTsPluginClientForLSP),
-    ];
-    for (let i = 0; i < plugins.length; i++) {
-        const plugin = plugins[i];
-        if (plugin.name === 'typescript-semantic') {
-            plugins[i] = {
-                ...plugin,
-                create(context) {
-                    const created = plugin.create(context);
-                    if (!context.project.typescript) {
-                        return created;
-                    }
-                    const languageService = created.provide['typescript/languageService']();
-                    if (context.project.vue) {
-                        const proxy = (0, common_1.proxyLanguageServiceForVue)(ts, context.language, languageService, context.project.vue.compilerOptions, s => context.project.typescript?.uriConverter.asUri(s));
-                        languageService.getCompletionsAtPosition = proxy.getCompletionsAtPosition;
-                        languageService.getCompletionEntryDetails = proxy.getCompletionEntryDetails;
-                        languageService.getCodeFixesAtPosition = proxy.getCodeFixesAtPosition;
-                        languageService.getDefinitionAndBoundSpan = proxy.getDefinitionAndBoundSpan;
-                        languageService.getQuickInfoAtPosition = proxy.getQuickInfoAtPosition;
-                    }
-                    return created;
-                },
-            };
-            break;
-        }
-    }
-    return plugins;
-    function getTsPluginClientForLSP(context) {
-        if (!context.project.typescript) {
-            return;
-        }
-        const languageService = context.inject('typescript/languageService');
-        if (!languageService) {
-            return;
-        }
-        const requestContext = {
-            typescript: ts,
-            language: context.language,
-            languageService,
-            languageServiceHost: context.project.typescript.languageServiceHost,
-            isTsPlugin: false,
-            getFileId: s => context.project.typescript.uriConverter.asUri(s),
-        };
-        return {
-            async collectExtractProps(...args) {
-                return collectExtractProps_1.collectExtractProps.apply(requestContext, args);
-            },
-            async getPropertiesAtLocation(...args) {
-                return getPropertiesAtLocation_1.getPropertiesAtLocation.apply(requestContext, args);
-            },
-            async getImportPathForFile(...args) {
-                return getImportPathForFile_1.getImportPathForFile.apply(requestContext, args);
-            },
-            async getComponentEvents(...args) {
-                return getComponentEvents_1.getComponentEvents.apply(requestContext, args);
-            },
-            async getComponentDirectives(...args) {
-                return getComponentDirectives_1.getComponentDirectives.apply(requestContext, args);
-            },
-            async getComponentNames(...args) {
-                return getComponentNames_1.getComponentNames.apply(requestContext, args);
-            },
-            async getComponentProps(...args) {
-                return getComponentProps_1.getComponentProps.apply(requestContext, args);
-            },
-            async getElementAttrs(...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();
-                const uri = context.project.typescript.uriConverter.asUri(fileName);
-                const sourceScript = context.language.scripts.get(uri);
-                if (!sourceScript) {
-                    return;
-                }
-                const hover = await languageService.getHover(uri, position);
-                let text = '';
-                if (typeof hover?.contents === 'string') {
-                    text = hover.contents;
-                }
-                else if (Array.isArray(hover?.contents)) {
-                    text = hover.contents.map(c => typeof c === 'string' ? c : c.value).join('\n');
-                }
-                else if (hover) {
-                    text = hover.contents.value;
-                }
-                text = text.replace(/```typescript/g, '');
-                text = text.replace(/```/g, '');
-                text = text.replace(/---/g, '');
-                text = text.trim();
-                while (true) {
-                    const newText = text.replace(/\n\n/g, '\n');
-                    if (newText === text) {
-                        break;
-                    }
-                    text = newText;
-                }
-                text = text.replace(/\n/g, ' | ');
-                return text;
-            },
-        };
-    }
-}
-function getHybridModeLanguageServicePlugins(ts, tsPluginClient) {
+function createVueLanguageServicePlugins(ts, tsPluginClient) {
     const plugins = [
         (0, syntactic_1.create)(ts),
         (0, docCommentTemplate_1.create)(ts),
@@ -208,56 +81,6 @@ function getCommonLanguageServicePlugins(ts, getTsPluginClient) {
                 'postcss': 'scss',
             },
         }),
-        {
-            name: 'vue-parse-sfc',
-            capabilities: {
-                executeCommandProvider: {
-                    commands: [types_1.commands.parseSfc],
-                },
-            },
-            create() {
-                return {
-                    executeCommand(_command, [source]) {
-                        return (0, language_core_1.parse)(source);
-                    },
-                };
-            },
-        },
-        {
-            name: 'vue-name-casing',
-            capabilities: {
-                executeCommandProvider: {
-                    commands: [
-                        types_1.commands.detectNameCasing,
-                        types_1.commands.convertTagsToKebabCase,
-                        types_1.commands.convertTagsToPascalCase,
-                        types_1.commands.convertPropsToKebabCase,
-                        types_1.commands.convertPropsToCamelCase,
-                    ],
-                }
-            },
-            create(context) {
-                return {
-                    executeCommand(command, [uri]) {
-                        if (command === types_1.commands.detectNameCasing) {
-                            return (0, nameCasing_1.detect)(context, vscode_uri_1.URI.parse(uri));
-                        }
-                        else if (command === types_1.commands.convertTagsToKebabCase) {
-                            return (0, nameCasing_1.convertTagName)(context, vscode_uri_1.URI.parse(uri), types_1.TagNameCasing.Kebab, getTsPluginClient(context));
-                        }
-                        else if (command === types_1.commands.convertTagsToPascalCase) {
-                            return (0, nameCasing_1.convertTagName)(context, vscode_uri_1.URI.parse(uri), types_1.TagNameCasing.Pascal, getTsPluginClient(context));
-                        }
-                        else if (command === types_1.commands.convertPropsToKebabCase) {
-                            return (0, nameCasing_1.convertAttrName)(context, vscode_uri_1.URI.parse(uri), types_1.AttrNameCasing.Kebab, getTsPluginClient(context));
-                        }
-                        else if (command === types_1.commands.convertPropsToCamelCase) {
-                            return (0, nameCasing_1.convertAttrName)(context, vscode_uri_1.URI.parse(uri), types_1.AttrNameCasing.Camel, getTsPluginClient(context));
-                        }
-                    },
-                };
-            },
-        }
     ];
 }
 //# sourceMappingURL=index.js.map

package/lib/nameCasing.d.ts

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

package/lib/nameCasing.js

@@ -1,201 +1,127 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertTagName = convertTagName;
-exports.convertAttrName = convertAttrName;
-exports.getNameCasing = getNameCasing;
-exports.detect = detect;
+exports.AttrNameCasing = exports.TagNameCasing = void 0;
+exports.checkCasing = checkCasing;
 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);
+var TagNameCasing;
+(function (TagNameCasing) {
+    TagNameCasing[TagNameCasing["Kebab"] = 0] = "Kebab";
+    TagNameCasing[TagNameCasing["Pascal"] = 1] = "Pascal";
+})(TagNameCasing || (exports.TagNameCasing = TagNameCasing = {}));
+var AttrNameCasing;
+(function (AttrNameCasing) {
+    AttrNameCasing[AttrNameCasing["Kebab"] = 0] = "Kebab";
+    AttrNameCasing[AttrNameCasing["Camel"] = 1] = "Camel";
+})(AttrNameCasing || (exports.AttrNameCasing = AttrNameCasing = {}));
+async function checkCasing(context, uri) {
+    const detected = 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;
+    const tagNameCasing = detected.tag.length === 1 && (tag === 'autoPascal' || tag === 'autoKebab')
+        ? detected.tag[0]
+        : (tag === 'autoKebab' || tag === 'kebab')
+            ? TagNameCasing.Kebab
+            : TagNameCasing.Pascal;
+    const attrNameCasing = detected.attr.length === 1 && (attr === 'autoCamel' || attr === 'autoKebab')
+        ? detected.attr[0]
+        : (attr === 'autoCamel' || attr === 'camel')
+            ? AttrNameCasing.Camel
+            : 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: [],
-        };
+const cache = new WeakMap();
+function detect(context, uri) {
+    const root = context.language.scripts.get(uri)?.generated?.root;
+    if (!(root instanceof language_core_1.VueVirtualCode)) {
+        return { tag: [], attr: [] };
     }
     return {
-        tag: await getTagNameCase(rootFile),
-        attr: getAttrNameCase(rootFile),
+        tag: detectTagCasing(root),
+        attr: detectAttrCasing(root),
     };
-    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;
-                }
+}
+function detectAttrCasing(code) {
+    let tags;
+    if (cache.has(code)) {
+        tags = cache.get(code);
+    }
+    else {
+        cache.set(code, tags = collectTags(code));
+    }
+    const result = new Set();
+    for (const [, attrs] of tags ?? []) {
+        for (const attr of attrs) {
+            // attrName
+            if (attr !== (0, language_core_1.hyphenateTag)(attr)) {
+                result.add(AttrNameCasing.Camel);
+                break;
             }
-            for (const [tagName] of attrs) {
-                // attr-name
-                if (tagName.includes('-')) {
-                    result.push(types_1.AttrNameCasing.Kebab);
-                    break;
-                }
+        }
+        for (const attr of attrs) {
+            // attr-name
+            if (attr.includes('-')) {
+                result.add(AttrNameCasing.Kebab);
+                break;
             }
         }
-        return result;
     }
-    function getTagNameCase(file) {
-        const result = new Set();
-        if (file.sfc.template?.ast) {
-            for (const element of (0, language_core_1.forEachElementNode)(file.sfc.template.ast)) {
-                if (element.tagType === 1) {
-                    if (element.tag !== (0, language_core_1.hyphenateTag)(element.tag)) {
-                        // TagName
-                        result.add(types_1.TagNameCasing.Pascal);
-                    }
-                    else {
-                        // Tagname -> tagname
-                        // TagName -> tag-name
-                        result.add(types_1.TagNameCasing.Kebab);
-                    }
-                }
-            }
+    return [...result];
+}
+function detectTagCasing(code) {
+    let tags;
+    if (cache.has(code)) {
+        tags = cache.get(code);
+    }
+    else {
+        cache.set(code, tags = collectTags(code));
+    }
+    const result = new Set();
+    for (const [tag] of tags ?? []) {
+        if (tag !== (0, language_core_1.hyphenateTag)(tag)) {
+            // TagName
+            result.add(TagNameCasing.Pascal);
+        }
+        else {
+            // tag-name
+            result.add(TagNameCasing.Kebab);
         }
-        return [...result];
     }
+    return [...result];
 }
-const map = new WeakMap();
-function getTemplateTagsAndAttrs(sourceFile) {
-    if (!map.has(sourceFile)) {
-        const getter = (0, alien_signals_1.computed)(() => {
-            if (!(sourceFile instanceof language_core_1.VueVirtualCode)) {
-                return;
+function collectTags(root) {
+    if (!(root instanceof language_core_1.VueVirtualCode)) {
+        return undefined;
+    }
+    const ast = root.sfc.template?.ast;
+    if (!ast) {
+        return undefined;
+    }
+    const tags = new Map();
+    for (const node of (0, language_core_1.forEachElementNode)(ast)) {
+        let tag = tags.get(node.tag);
+        if (!tag) {
+            tags.set(node.tag, tag = []);
+        }
+        for (const prop of node.props) {
+            let name;
+            if (prop.type === 7
+                && prop.arg?.type === 4
+                && prop.arg.isStatic) {
+                name = prop.arg.content;
             }
-            const ast = sourceFile.sfc.template?.ast;
-            const tags = new Map();
-            if (ast) {
-                for (const node of (0, language_core_1.forEachElementNode)(ast)) {
-                    if (!tags.has(node.tag)) {
-                        tags.set(node.tag, { offsets: [], attrs: new Map() });
-                    }
-                    const tag = tags.get(node.tag);
-                    const startTagHtmlOffset = node.loc.start.offset + node.loc.source.indexOf(node.tag);
-                    const endTagHtmlOffset = node.loc.start.offset + node.loc.source.lastIndexOf(node.tag);
-                    tag.offsets.push(startTagHtmlOffset);
-                    if (!node.isSelfClosing) {
-                        tag.offsets.push(endTagHtmlOffset);
-                    }
-                    for (const prop of node.props) {
-                        let name;
-                        let offset;
-                        if (prop.type === 7
-                            && prop.arg?.type === 4
-                            && prop.arg.isStatic) {
-                            name = prop.arg.content;
-                            offset = prop.arg.loc.start.offset;
-                        }
-                        else if (prop.type === 6) {
-                            name = prop.name;
-                            offset = prop.loc.start.offset;
-                        }
-                        if (name !== undefined && offset !== undefined) {
-                            if (!tag.attrs.has(name)) {
-                                tag.attrs.set(name, { offsets: [] });
-                            }
-                            tag.attrs.get(name).offsets.push(offset);
-                        }
-                    }
-                }
+            else if (prop.type === 6) {
+                name = prop.name;
             }
-            return tags;
-        });
-        map.set(sourceFile, getter);
+            if (name !== undefined) {
+                tag.push(name);
+            }
+        }
     }
-    return map.get(sourceFile)() ?? new Map();
+    return tags;
 }
 //# sourceMappingURL=nameCasing.js.map

package/lib/plugins/utils.d.ts

@@ -1,3 +1,3 @@
-import type { TextDocument } from 'vscode-languageserver-textdocument';
+import type { TextDocument } from '@volar/language-service';
 export declare function sleep(ms: number): Promise<unknown>;
 export declare function isTsDocument(document: TextDocument): boolean;

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

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

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

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

@@ -6,8 +6,8 @@ const shared_1 = require("@vue/shared");
 const path_browserify_1 = require("path-browserify");
 const getUserPreferences_1 = require("volar-service-typescript/lib/configs/getUserPreferences");
 const vscode_uri_1 = require("vscode-uri");
+const nameCasing_1 = require("../nameCasing");
 const vue_extract_file_1 = require("../plugins/vue-extract-file");
-const types_1 = require("../types");
 function create(ts, getTsPluginClient) {
     return {
         name: 'vue-document-drop',
@@ -18,7 +18,7 @@ function create(ts, getTsPluginClient) {
             if (!context.project.vue) {
                 return {};
             }
-            let casing = types_1.TagNameCasing.Pascal; // TODO
+            let casing = nameCasing_1.TagNameCasing.Pascal; // TODO
             const tsPluginClient = getTsPluginClient?.(context);
             const vueCompilerOptions = context.project.vue.compilerOptions;
             return {
@@ -103,7 +103,7 @@ function create(ts, getTsPluginClient) {
                         }
                     }
                     return {
-                        insertText: `<${casing === types_1.TagNameCasing.Kebab ? (0, shared_1.hyphenate)(newName) : newName}$0 />`,
+                        insertText: `<${casing === nameCasing_1.TagNameCasing.Kebab ? (0, shared_1.hyphenate)(newName) : newName}$0 />`,
                         insertTextFormat: 2,
                         additionalEdit,
                     };

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.resolveStyleClassNames;
+                        for (let i = 0; i < sfc.styles.length; i++) {
+                            const style = sfc.styles[i];
+                            if (option === true || (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-inlayhints.d.ts

@@ -1,5 +1,5 @@
+import type { LanguageServicePlugin } from '@volar/language-service';
 import type * as ts from 'typescript';
-import type { LanguageServicePlugin } from '../types';
 export declare function create(ts: typeof import('typescript')): LanguageServicePlugin;
 /**
  * Refactored from https://github.com/vuejs/core/blob/main/packages/compiler-sfc/src/script/definePropsDestructure.ts

package/lib/plugins/vue-inlayhints.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.create = create;
 exports.findDestructuredProps = findDestructuredProps;
 const language_core_1 = require("@vue/language-core");
-const index_1 = require("@vue/language-core/lib/codegen/utils/index");
 const vscode_uri_1 = require("vscode-uri");
 function create(ts) {
     return {
@@ -148,7 +147,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, language_core_1.collectIdentifiers)(ts, name)) {
             if (isDefineProps) {
                 excludedIds.add(id);
             }
@@ -163,7 +162,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, language_core_1.collectIdentifiers)(ts, p)) {
                 registerLocalBinding(id);
             }
         }

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

@@ -1,3 +1,2 @@
-import type { LanguageServiceContext } from '@volar/language-service';
-import { type LanguageServicePlugin } from '../types';
+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-missing-props-hints.js

@@ -5,7 +5,6 @@ const language_core_1 = require("@vue/language-core");
 const html = require("vscode-html-languageservice");
 const vscode_uri_1 = require("vscode-uri");
 const nameCasing_1 = require("../nameCasing");
-const types_1 = require("../types");
 function create(getTsPluginClient) {
     return {
         name: 'vue-missing-props-hints',
@@ -43,7 +42,7 @@ function create(getTsPluginClient) {
                         return;
                     }
                     const result = [];
-                    const casing = await (0, nameCasing_1.getNameCasing)(context, decoded[0]);
+                    const casing = await (0, nameCasing_1.checkCasing)(context, decoded[0]);
                     const components = await tsPluginClient?.getComponentNames(root.fileName) ?? [];
                     const componentProps = {};
                     intrinsicElementNames ??= new Set(await tsPluginClient?.getElementNames(root.fileName) ?? []);
@@ -128,7 +127,7 @@ function create(getTsPluginClient) {
                                                     start: document.positionAt(current.labelOffset),
                                                     end: document.positionAt(current.labelOffset),
                                                 },
-                                                newText: ` :${casing.attr === types_1.AttrNameCasing.Kebab ? (0, language_core_1.hyphenateAttr)(requiredProp) : requiredProp}=`,
+                                                newText: ` :${casing.attr === nameCasing_1.AttrNameCasing.Kebab ? (0, language_core_1.hyphenateAttr)(requiredProp) : requiredProp}=`,
                                             }],
                                     });
                                 }

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

@@ -1,3 +1,2 @@
-import type { LanguageServiceContext } from '@volar/language-service';
-import { type LanguageServicePlugin } from '../types';
+import type { LanguageServiceContext, LanguageServicePlugin } from '@volar/language-service';
 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

@@ -8,7 +8,6 @@ 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("../nameCasing");
-const types_1 = require("../types");
 const data_1 = require("./data");
 const specialTags = new Set([
     'slot',
@@ -80,8 +79,10 @@ function create(mode, getTsPluginClient) {
             // https://vuejs.org/api/built-in-directives.html#v-bind
             const vOnModifiers = {};
             const vBindModifiers = {};
+            const vModelModifiers = {};
             const vOn = builtInData.globalAttributes?.find(x => x.name === 'v-on');
             const vBind = builtInData.globalAttributes?.find(x => x.name === 'v-bind');
+            const vModel = builtInData.globalAttributes?.find(x => x.name === 'v-model');
             if (vOn) {
                 const markdown = (typeof vOn.description === 'string' ? vOn.description : vOn.description?.value) ?? '';
                 const modifiers = markdown
@@ -104,6 +105,13 @@ function create(mode, getTsPluginClient) {
                     vBindModifiers[name] = desc;
                 }
             }
+            if (vModel) {
+                for (const modifier of modelData.globalAttributes ?? []) {
+                    const description = typeof modifier.description === 'object' ? modifier.description.value : modifier.description;
+                    const references = modifier.references?.map(ref => `[${ref.name}](${ref.url})`).join(' | ');
+                    vModelModifiers[modifier.name] = description + '\n\n' + references;
+                }
+            }
             const disposable = context.env.onDidChangeConfiguration?.(() => initializing = undefined);
             let initializing;
             return {
@@ -159,7 +167,7 @@ function create(mode, getTsPluginClient) {
             };
             async function provideHtmlData(sourceDocumentUri, vueCode) {
                 await (initializing ??= initialize());
-                const casing = await (0, nameCasing_1.getNameCasing)(context, sourceDocumentUri);
+                const casing = await (0, nameCasing_1.checkCasing)(context, sourceDocumentUri);
                 if (builtInData.tags) {
                     for (const tag of builtInData.tags) {
                         if (isItemKey(tag.name)) {
@@ -168,7 +176,7 @@ function create(mode, getTsPluginClient) {
                         if (specialTags.has(tag.name)) {
                             tag.name = generateItemKey('specialTag', tag.name, '');
                         }
-                        else if (casing.tag === types_1.TagNameCasing.Kebab) {
+                        else if (casing.tag === nameCasing_1.TagNameCasing.Kebab) {
                             tag.name = (0, language_core_1.hyphenateTag)(tag.name);
                         }
                         else {
@@ -204,19 +212,19 @@ function create(mode, getTsPluginClient) {
                             const names = new Set();
                             const tags = [];
                             for (const tag of components) {
-                                if (casing.tag === types_1.TagNameCasing.Kebab) {
+                                if (casing.tag === nameCasing_1.TagNameCasing.Kebab) {
                                     names.add((0, language_core_1.hyphenateTag)(tag));
                                 }
-                                else if (casing.tag === types_1.TagNameCasing.Pascal) {
+                                else if (casing.tag === nameCasing_1.TagNameCasing.Pascal) {
                                     names.add(tag);
                                 }
                             }
                             for (const binding of scriptSetupRanges?.bindings ?? []) {
                                 const name = vueCode.sfc.scriptSetup.content.slice(binding.range.start, binding.range.end);
-                                if (casing.tag === types_1.TagNameCasing.Kebab) {
+                                if (casing.tag === nameCasing_1.TagNameCasing.Kebab) {
                                     names.add((0, language_core_1.hyphenateTag)(name));
                                 }
-                                else if (casing.tag === types_1.TagNameCasing.Pascal) {
+                                else if (casing.tag === nameCasing_1.TagNameCasing.Pascal) {
                                     names.add(name);
                                 }
                             }
@@ -259,7 +267,7 @@ function create(mode, getTsPluginClient) {
                                 ...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 name = casing.attr === nameCasing_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-')
@@ -277,7 +285,7 @@ function create(mode, getTsPluginClient) {
                                 else {
                                     const propName = name;
                                     const propInfo = propInfos.find(prop => {
-                                        const name = casing.attr === types_1.AttrNameCasing.Camel ? prop.name : (0, language_core_1.hyphenateAttr)(prop.name);
+                                        const name = casing.attr === nameCasing_1.AttrNameCasing.Camel ? prop.name : (0, language_core_1.hyphenateAttr)(prop.name);
                                         return name === propName;
                                     });
                                     const propKey = generateItemKey('componentProp', isGlobal ? '*' : tag, propName, propInfo?.deprecated);
@@ -298,7 +306,7 @@ function create(mode, getTsPluginClient) {
                                 }
                             }
                             for (const event of events) {
-                                const name = casing.attr === types_1.AttrNameCasing.Camel ? event : (0, language_core_1.hyphenateAttr)(event);
+                                const name = casing.attr === nameCasing_1.AttrNameCasing.Camel ? event : (0, language_core_1.hyphenateAttr)(event);
                                 const propKey = generateItemKey('componentEvent', tag, name);
                                 attributes.push({
                                     name: 'v-on:' + name,
@@ -330,7 +338,7 @@ function create(mode, getTsPluginClient) {
                                 }
                             }
                             for (const [isGlobal, model] of models) {
-                                const name = casing.attr === types_1.AttrNameCasing.Camel ? model : (0, language_core_1.hyphenateAttr)(model);
+                                const name = casing.attr === nameCasing_1.AttrNameCasing.Camel ? model : (0, language_core_1.hyphenateAttr)(model);
                                 const propKey = generateItemKey('componentProp', isGlobal ? '*' : tag, name);
                                 attributes.push({
                                     name: 'v-model:' + name,
@@ -356,69 +364,45 @@ function create(mode, getTsPluginClient) {
                 };
             }
             function afterHtmlCompletion(completionList, document) {
-                do {
+                addDirectiveModifiers();
+                function addDirectiveModifiers() {
                     const replacement = getReplacement(completionList, document);
-                    if (!replacement) {
-                        break;
-                    }
-                    const hasModifier = replacement.text.includes('.');
-                    if (!hasModifier) {
-                        break;
+                    if (!replacement?.text.includes('.')) {
+                        return;
                     }
                     const [text, ...modifiers] = replacement.text.split('.');
                     const isVOn = text.startsWith('v-on:') || text.startsWith('@') && text.length > 1;
                     const isVBind = text.startsWith('v-bind:') || text.startsWith(':') && text.length > 1;
                     const isVModel = text.startsWith('v-model:') || text === 'v-model';
-                    const validModifiers = isVOn ? vOnModifiers
+                    const currentModifiers = isVOn ? vOnModifiers
                         : isVBind ? vBindModifiers
-                            : undefined;
-                    if (validModifiers) {
-                        for (const modifier in validModifiers) {
-                            if (modifiers.includes(modifier)) {
-                                continue;
-                            }
-                            const description = validModifiers[modifier];
-                            const insertText = text + modifiers.slice(0, -1).map(m => '.' + m).join('') + '.' + modifier;
-                            const newItem = {
-                                label: modifier,
-                                filterText: insertText,
-                                documentation: {
-                                    kind: 'markdown',
-                                    value: description,
-                                },
-                                textEdit: {
-                                    range: replacement.textEdit.range,
-                                    newText: insertText,
-                                },
-                                kind: 20,
-                            };
-                            completionList.items.push(newItem);
-                        }
+                            : isVModel ? vModelModifiers
+                                : undefined;
+                    if (!currentModifiers) {
+                        return;
                     }
-                    else if (isVModel) {
-                        for (const modifier of modelData.globalAttributes ?? []) {
-                            if (modifiers.includes(modifier.name)) {
-                                continue;
-                            }
-                            const insertText = text + modifiers.slice(0, -1).map(m => '.' + m).join('') + '.' + modifier.name;
-                            const newItem = {
-                                label: modifier.name,
-                                filterText: insertText,
-                                documentation: {
-                                    kind: 'markdown',
-                                    value: (typeof modifier.description === 'object' ? modifier.description.value : modifier.description)
-                                        + '\n\n' + modifier.references?.map(ref => `[${ref.name}](${ref.url})`).join(' | '),
-                                },
-                                textEdit: {
-                                    range: replacement.textEdit.range,
-                                    newText: insertText,
-                                },
-                                kind: 20,
-                            };
-                            completionList.items.push(newItem);
+                    for (const modifier in currentModifiers) {
+                        if (modifiers.includes(modifier)) {
+                            continue;
                         }
+                        const description = currentModifiers[modifier];
+                        const insertText = text + modifiers.slice(0, -1).map(m => '.' + m).join('') + '.' + modifier;
+                        const newItem = {
+                            label: modifier,
+                            filterText: insertText,
+                            documentation: {
+                                kind: 'markdown',
+                                value: description,
+                            },
+                            textEdit: {
+                                range: replacement.textEdit.range,
+                                newText: insertText,
+                            },
+                            kind: 20,
+                        };
+                        completionList.items.push(newItem);
                     }
-                } while (0);
+                }
                 completionList.items = completionList.items.filter(item => !specialTags.has(parseLabel(item.label).name));
                 const htmlDocumentations = new Map();
                 for (const item of completionList.items) {
@@ -428,11 +412,11 @@ function create(mode, getTsPluginClient) {
                     }
                 }
                 for (const item of completionList.items) {
-                    const parsedLabelKey = parseItemKey(item.label);
-                    if (parsedLabelKey) {
-                        const name = parsedLabelKey.tag;
-                        item.label = parsedLabelKey.leadingSlash ? '/' + name : name;
-                        const text = parsedLabelKey.leadingSlash ? `/${name}>` : name;
+                    const parsedLabel = parseItemKey(item.label);
+                    if (parsedLabel) {
+                        const name = parsedLabel.tag;
+                        item.label = parsedLabel.leadingSlash ? '/' + name : name;
+                        const text = parsedLabel.leadingSlash ? `/${name}>` : name;
                         if (item.textEdit) {
                             item.textEdit.newText = text;
                         }
@@ -444,16 +428,16 @@ function create(mode, getTsPluginClient) {
                             item.sortText = text;
                         }
                     }
-                    const itemKeyStr = typeof item.documentation === 'string' ? item.documentation : item.documentation?.value;
-                    let parsedItemKey = itemKeyStr ? parseItemKey(itemKeyStr) : undefined;
+                    const itemKey = typeof item.documentation === 'string' ? item.documentation : item.documentation?.value;
+                    let parsedItem = itemKey ? parseItemKey(itemKey) : undefined;
                     let propInfo;
-                    if (parsedItemKey) {
+                    if (parsedItem) {
                         const documentations = [];
-                        propInfo = cachedPropInfos.get(parsedItemKey.prop);
+                        propInfo = cachedPropInfos.get(parsedItem.prop);
                         if (propInfo?.commentMarkdown) {
                             documentations.push(propInfo.commentMarkdown);
                         }
-                        let { isEvent, propName } = getPropName(parsedItemKey);
+                        let { isEvent, propName } = getPropName(parsedItem);
                         if (isEvent) {
                             // click -> onclick
                             propName = 'on' + propName;
@@ -481,7 +465,7 @@ function create(mode, getTsPluginClient) {
                         }
                         // for special props without internal item key
                         if (specialProps.has(propName)) {
-                            parsedItemKey = {
+                            parsedItem = {
                                 type: 'componentProp',
                                 tag: '^',
                                 prop: propName,
@@ -510,10 +494,10 @@ function create(mode, getTsPluginClient) {
                         item.kind = 6;
                         tokens.push('\u0000');
                     }
-                    else if (parsedItemKey) {
-                        const isComponent = parsedItemKey.tag !== '*';
-                        const { isEvent, propName } = getPropName(parsedItemKey);
-                        if (parsedItemKey.type === 'componentProp') {
+                    else if (parsedItem) {
+                        const isComponent = parsedItem.tag !== '*';
+                        const { isEvent, propName } = getPropName(parsedItem);
+                        if (parsedItem.type === 'componentProp') {
                             if (isComponent || specialProps.has(propName)) {
                                 item.kind = 5;
                             }
@@ -646,12 +630,12 @@ function getReplacement(list, doc) {
         }
     }
 }
-function getPropName(itemKey) {
-    const name = (0, language_core_1.hyphenateAttr)(itemKey.prop);
+function getPropName(parsedItem) {
+    const name = (0, language_core_1.hyphenateAttr)(parsedItem.prop);
     if (name.startsWith('on-')) {
         return { isEvent: true, propName: name.slice('on-'.length) };
     }
-    else if (itemKey.type === 'componentEvent') {
+    else if (parsedItem.type === 'componentEvent') {
         return { isEvent: true, propName: name };
     }
     return { isEvent: false, propName: name };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vue/language-service",
-	"version": "3.0.0-alpha.8",
+	"version": "3.0.0-beta.1",
 	"license": "MIT",
 	"files": [
 		"data",
@@ -17,14 +17,9 @@
 		"update-html-data": "node ./scripts/update-html-data.js"
 	},
 	"dependencies": {
-		"@volar/language-core": "~2.4.13",
-		"@volar/language-service": "~2.4.13",
-		"@volar/typescript": "~2.4.13",
-		"@vue/compiler-dom": "^3.5.0",
-		"@vue/language-core": "3.0.0-alpha.8",
+		"@volar/language-service": "2.4.14",
+		"@vue/language-core": "3.0.0-beta.1",
 		"@vue/shared": "^3.5.0",
-		"@vue/typescript-plugin": "3.0.0-alpha.8",
-		"alien-signals": "^2.0.5",
 		"path-browserify": "^1.0.1",
 		"volar-service-css": "0.0.64",
 		"volar-service-emmet": "0.0.64",
@@ -34,16 +29,17 @@
 		"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",
 		"vscode-uri": "^3.0.8"
 	},
 	"devDependencies": {
 		"@types/node": "^22.10.4",
 		"@types/path-browserify": "^1.0.1",
-		"@volar/kit": "~2.4.13",
-		"vscode-languageserver-protocol": "^3.17.5"
+		"@volar/kit": "2.4.14",
+		"@volar/typescript": "2.4.14",
+		"@vue/compiler-dom": "^3.5.0",
+		"@vue/typescript-plugin": "3.0.0-beta.1",
+		"vscode-css-languageservice": "^6.3.1"
 	},
-	"gitHead": "d38cb93558fe8015c7ffe9ceacfdd3296e3692f6"
+	"gitHead": "7a2ea48123679387d7095a81ac49cfc667aeeabb"
 }

package/lib/types.d.ts

@@ -1,18 +0,0 @@
-export declare enum TagNameCasing {
-    Kebab = 0,
-    Pascal = 1
-}
-export declare enum AttrNameCasing {
-    Kebab = 0,
-    Camel = 1
-}
-export declare const commands: {
-    parseSfc: string;
-    detectNameCasing: string;
-    convertTagsToKebabCase: string;
-    convertTagsToPascalCase: string;
-    convertPropsToKebabCase: string;
-    convertPropsToCamelCase: string;
-};
-export * from '@volar/language-service/lib/types';
-export * from '@vue/language-core/lib/types';

package/lib/types.js

@@ -1,39 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.commands = exports.AttrNameCasing = exports.TagNameCasing = void 0;
-var TagNameCasing;
-(function (TagNameCasing) {
-    TagNameCasing[TagNameCasing["Kebab"] = 0] = "Kebab";
-    TagNameCasing[TagNameCasing["Pascal"] = 1] = "Pascal";
-})(TagNameCasing || (exports.TagNameCasing = TagNameCasing = {}));
-var AttrNameCasing;
-(function (AttrNameCasing) {
-    AttrNameCasing[AttrNameCasing["Kebab"] = 0] = "Kebab";
-    AttrNameCasing[AttrNameCasing["Camel"] = 1] = "Camel";
-})(AttrNameCasing || (exports.AttrNameCasing = AttrNameCasing = {}));
-exports.commands = {
-    parseSfc: 'vue.parseSfc',
-    detectNameCasing: 'vue.detectNameCasing',
-    convertTagsToKebabCase: 'vue.convertTagsToKebabCase',
-    convertTagsToPascalCase: 'vue.convertTagsToPascalCase',
-    convertPropsToKebabCase: 'vue.convertPropsToKebabCase',
-    convertPropsToCamelCase: 'vue.convertPropsToCamelCase',
-};
-// only export types of depend packages
-__exportStar(require("@volar/language-service/lib/types"), exports);
-__exportStar(require("@vue/language-core/lib/types"), exports);
-//# sourceMappingURL=types.js.map