@vue/language-service 3.0.0-alpha.4 → 3.0.0-alpha.8

package/index.d.ts

@@ -3,7 +3,7 @@ export * from '@vue/language-core';
 export * from './lib/nameCasing';
 export * from './lib/types';
 import type { LanguageServicePlugin } from '@volar/language-service';
-import { VueCompilerOptions } from '@vue/language-core';
+import { type VueCompilerOptions } from '@vue/language-core';
 declare module '@volar/language-service' {
     interface ProjectContext {
         vue?: {

package/lib/plugins/css.js

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

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/plugins/vue-template.js

@@ -258,7 +258,7 @@ function create(mode, getTsPluginClient) {
                                 ...propInfos,
                                 ...attrs.map(attr => ({ name: attr })),
                             ]) {
-                                const isGlobal = !propsSet.has(prop.name);
+                                const isGlobal = prop.isAttribute || !propsSet.has(prop.name);
                                 const name = casing.attr === types_1.AttrNameCasing.Camel ? prop.name : (0, language_core_1.hyphenateAttr)(prop.name);
                                 const isEvent = (0, language_core_1.hyphenateAttr)(name).startsWith('on-');
                                 if (isEvent) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vue/language-service",
-	"version": "3.0.0-alpha.4",
+	"version": "3.0.0-alpha.8",
 	"license": "MIT",
 	"files": [
 		"data",
@@ -17,14 +17,14 @@
 		"update-html-data": "node ./scripts/update-html-data.js"
 	},
 	"dependencies": {
-		"@volar/language-core": "~2.4.11",
-		"@volar/language-service": "~2.4.11",
-		"@volar/typescript": "~2.4.11",
+		"@volar/language-core": "~2.4.13",
+		"@volar/language-service": "~2.4.13",
+		"@volar/typescript": "~2.4.13",
 		"@vue/compiler-dom": "^3.5.0",
-		"@vue/language-core": "3.0.0-alpha.4",
+		"@vue/language-core": "3.0.0-alpha.8",
 		"@vue/shared": "^3.5.0",
-		"@vue/typescript-plugin": "3.0.0-alpha.4",
-		"alien-signals": "^1.0.3",
+		"@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",
@@ -42,8 +42,8 @@
 	"devDependencies": {
 		"@types/node": "^22.10.4",
 		"@types/path-browserify": "^1.0.1",
-		"@volar/kit": "~2.4.11",
+		"@volar/kit": "~2.4.13",
 		"vscode-languageserver-protocol": "^3.17.5"
 	},
-	"gitHead": "1769cd6b94ec9e0cc2681b8dbba904f35856ba1c"
+	"gitHead": "d38cb93558fe8015c7ffe9ceacfdd3296e3692f6"
 }

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

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

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

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.create = create;
-function create() {
-    return {
-        name: 'vue-autoinsert-selfClosing',
-        capabilities: {
-            autoInsertionProvider: {
-                triggerCharacters: ['/'],
-                configurationSections: ['vue.autoInsert.selfClosing'],
-            },
-        },
-        create(context) {
-            return {
-                async provideAutoInsertSnippet(document, selection, change) {
-                    if (document.languageId !== 'html') {
-                        return;
-                    }
-                    const enabled = await context.env.getConfiguration?.('vue.autoInsert.selfClosing') ?? true;
-                    if (!enabled) {
-                        return;
-                    }
-                    if (change.text === '{}'
-                        && document.getText().slice(change.rangeOffset - 1, change.rangeOffset + 3) === '{{}}'
-                        && document.offsetAt(selection) === change.rangeOffset + 1) {
-                        return ` $0 `;
-                    }
-                },
-            };
-        },
-    };
-}
-//# sourceMappingURL=vue-autoinsert-self-closing.js.map