.github/ISSUE_TEMPLATE/bug_report.yml

@@ -47,6 +47,17 @@ body:
       description: Output of `npx envinfo --system --binaries --browsers`
       render: shell
       placeholder: System, Binaries, Browsers
+  - type: textarea
+    id: dependencies
+    attributes:
+      label: package.json dependencies
+      description: You may add your list of dependencies here as it helps us to investigate your report.
+      render: json
+      placeholder: |
+        {
+          "dependencies": {},
+          "devDependencies": {},
+        }
   - type: textarea
     id: steps-to-reproduce
     attributes:

CHANGELOG.md

@@ -2,6 +2,31 @@
 
 > [Join the Insiders Program](https://github.com/vuejs/language-tools/wiki/Get-Insiders-Edition) for more exclusive features and updates.
 
+## 2.1.4 <sup>official</sup>, 2.1.5 <sup>insiders</sup> (2024-09-01)
+
+### Features
+
+- **typescript-plugin, language-server:** generate global types file into `node_modules/.vue-global-types` (#4752) - Thanks to @KazariEX!
+- **language-core:** navigation support for template-ref (#4726) - Thanks to @KazariEX!
+
+### Bug Fixes
+
+- **language-core, typescript-plugin, language-server:** apply snake case on globalTypes filename (#4749) - Thanks to @KazariEX!
+- **language-core:** hoist `$refs` type (#4763)
+- **language-core:** disable lib check on global types file (#4767) - Thanks to @KazariEX!
+- **language-core:** prevent circular reference of templateRef (#4768) - Thanks to @zhiyuanzmj!
+- **language-core:** using interface merging for `GlobalComponents`
+- **language-core:** `fallthroughAttributes` causes global components to be self-referential (#4761)
+- **language-core:** auto-completion for the last line of template block (#4771) - Thanks to @zhiyuanzmj!
+- **language-core:** update ast correctly on repeated `v-for` modifications (#4772) - Thanks to @KazariEX!
+- **language-server:** leaking named pipes (#4672)
+- **typescript-plugin:** compatible with Yarn PnP (#4751)
+- **vscode:** whitelist `ms-dynamics-smb.al` extension for Vue Hybrid Mode. (#4765) - Thanks to @kyleweishaupt!
+
+### Other Changes
+
+- Add optional "dependencies" textarea to issue template (#4758) - Thanks to @davidmatter!
+
 ## 2.1.2 <sup>official</sup>, 2.1.3 <sup>insiders</sup> (2024-08-29)
 
 ### Bug Fixes

extensions/vscode/src/common.ts

@@ -63,6 +63,7 @@ function isExtensionCompatibleWithHybridMode(extension: vscode.Extension<any>) {
 		|| extension.id === 'Divlo.vscode-styled-jsx-languageserver'
 		|| extension.id === 'nrwl.angular-console'
 		|| extension.id === 'ShenQingchuan.vue-vine-extension'
+		|| extension.id === 'ms-dynamics-smb.al'
 	) {
 		return true;
 	}

insiders.json

@@ -1,6 +1,14 @@
 {
-	"latest": "2.1.1",
+	"latest": "2.1.3",
 	"versions": [
+		{
+			"version": "2.1.3",
+			"date": "2024-8-29",
+			"downloads": {
+				"GitHub": "https://github.com/volarjs/insiders/releases/tag/v2.1.3",
+				"AFDIAN": "https://afdian.com/p/28e5269865e111ef95ff52540025c377"
+			}
+		},
 		{
 			"version": "2.1.1",
 			"date": "2024-8-29",

package.json

@@ -9,7 +9,7 @@
 		"prerelease": "npm run build && npm run test",
 		"version:test": "lerna version --exact --force-publish --yes --sync-workspace-lock --no-push --no-git-tag-version",
 		"release": "npm run release:base && npm run release:vue",
-		"release:base": "lerna publish --exact --force-publish --yes --sync-workspace-lock",
+		"release:base": "lerna publish --exact --force-publish --yes --sync-workspace-lock --no-git-tag-version",
 		"release:vue": "cd ./extensions/vscode && npm run release",
 		"release:next": "npm run release:next-base && npm run release:next-vue",
 		"release:next-base": "npm run release:base -- --dist-tag next",

packages/component-meta/lib/base.ts

@@ -86,7 +86,10 @@ export function baseCreate(
 	const vueLanguagePlugin = vue.createVueLanguagePlugin<string>(
 		ts,
 		projectHost.getCompilationSettings(),
-		commandLine.vueOptions,
+		{
+			...commandLine.vueOptions,
+			__setupedGlobalTypes: () => true,
+		},
 		id => id
 	);
 	const language = vue.createLanguage(
@@ -135,27 +138,33 @@ export function baseCreate(
 	const { languageServiceHost } = createLanguageServiceHost(ts, ts.sys, language, s => s, projectHost);
 	const tsLs = ts.createLanguageService(languageServiceHost);
 
+	const directoryExists = languageServiceHost.directoryExists?.bind(languageServiceHost);
 	const fileExists = languageServiceHost.fileExists.bind(languageServiceHost);
 	const getScriptSnapshot = languageServiceHost.getScriptSnapshot.bind(languageServiceHost);
-	const globalTypesName = `__globalTypes_${commandLine.vueOptions.target}_${commandLine.vueOptions.strictTemplates}.d.ts`;
-	const snapshots = new Map<string, ts.IScriptSnapshot>();
+	const globalTypesName = `${commandLine.vueOptions.lib}_${commandLine.vueOptions.target}_${commandLine.vueOptions.strictTemplates}.d.ts`;
+	const globalTypesContents = vue.generateGlobalTypes('global', commandLine.vueOptions.lib, commandLine.vueOptions.target, commandLine.vueOptions.strictTemplates);
+	const globalTypesSnapshot: ts.IScriptSnapshot = {
+		getText: (start, end) => globalTypesContents.substring(start, end),
+		getLength: () => globalTypesContents.length,
+		getChangeRange: () => undefined,
+	};
+	if (directoryExists) {
+		languageServiceHost.directoryExists = path => {
+			if (path.endsWith('.vue-global-types')) {
+				return true;
+			}
+			return directoryExists(path);
+		};
+	}
 	languageServiceHost.fileExists = path => {
-		if (path.endsWith(globalTypesName)) {
+		if (path.endsWith(`.vue-global-types/${globalTypesName}`) || path.endsWith(`.vue-global-types\\${globalTypesName}`)) {
 			return true;
 		}
 		return fileExists(path);
 	};
 	languageServiceHost.getScriptSnapshot = path => {
-		if (path.endsWith(globalTypesName)) {
-			if (!snapshots.has(path)) {
-				const contents = vue.generateGlobalTypes(commandLine.vueOptions.lib, commandLine.vueOptions.target, commandLine.vueOptions.strictTemplates);
-				snapshots.set(path, {
-					getText: (start, end) => contents.substring(start, end),
-					getLength: () => contents.length,
-					getChangeRange: () => undefined,
-				});
-			}
-			return snapshots.get(path)!;
+		if (path.endsWith(`.vue-global-types/${globalTypesName}`) || path.endsWith(`.vue-global-types\\${globalTypesName}`)) {
+			return globalTypesSnapshot;
 		}
 		return getScriptSnapshot(path);
 	};

packages/language-core/lib/codegen/globalTypes.ts

@@ -1,12 +1,29 @@
 import { getSlotsPropertyName } from '../utils/shared';
+import { endOfLine, newLine } from './common';
 
-export function generateGlobalTypes(lib: string, target: number, strictTemplates: boolean) {
+export function generateGlobalTypes(mode: 'global' | 'local', lib: string, target: number, strictTemplates: boolean) {
 	const fnPropsType = `(K extends { $props: infer Props } ? Props : any)${strictTemplates ? '' : ' & Record<string, unknown>'}`;
-	return `
-const __VLS_globalComponents = { ...{} as import('${lib}').GlobalComponents };
 
-declare const __VLS_intrinsicElements: __VLS_IntrinsicElements;
-declare const __VLS_directiveBindingRestFields = { instance: null, oldValue: null, modifiers: null as any, dir: null as any };
+	let str = '';
+	let globalComponentsType: string;
+
+	if (mode === 'global') {
+		str += `// @ts-nocheck${newLine}`;
+		str += `export {}${endOfLine}`;
+		str += `declare module '${lib}' {${newLine}`;
+		str += `	export interface GlobalComponents { }${newLine}`;
+		str += `}${newLine}`;
+		str += `declare global {${newLine}`;
+		globalComponentsType = `import('${lib}').GlobalComponents`;
+	}
+	else {
+		str += `const __VLS_globalComponents = { ...{} as import('${lib}').GlobalComponents }${endOfLine}`;
+		globalComponentsType = `void extends typeof __VLS_globalComponents ? {} : typeof __VLS_globalComponents`;
+	}
+
+	str += `
+const __VLS_intrinsicElements: __VLS_IntrinsicElements;
+const __VLS_directiveBindingRestFields = { instance: null, oldValue: null, modifiers: null as any, dir: null as any };
 
 type __VLS_IntrinsicElements = ${(
 			target >= 3.3
@@ -20,8 +37,8 @@ type __VLS_Element = ${(
 		)}
 type __VLS_GlobalComponents = ${(
 			target >= 3.5
-				? `void extends typeof __VLS_globalComponents ? {} : typeof __VLS_globalComponents;`
-				: `(void extends typeof __VLS_globalComponents ? {} : typeof __VLS_globalComponents) & Pick<typeof import('${lib}'), 'Transition' | 'TransitionGroup' | 'KeepAlive' | 'Suspense' | 'Teleport'>;`
+				? globalComponentsType
+				: `(${globalComponentsType}) & Pick<typeof import('${lib}'), 'Transition' | 'TransitionGroup' | 'KeepAlive' | 'Suspense' | 'Teleport'>;`
 		)}
 type __VLS_IsAny<T> = 0 extends 1 & T ? true : false;
 type __VLS_PickNotAny<A, B> = __VLS_IsAny<A> extends true ? B : A;
@@ -70,40 +87,40 @@ type __VLS_NormalizeEmits<T> = __VLS_PrettifyGlobal<
 >;
 type __VLS_PrettifyGlobal<T> = { [K in keyof T]: T[K]; } & {};
 
-declare function __VLS_getVForSourceType(source: number): [number, number, number][];
-declare function __VLS_getVForSourceType(source: string): [string, number, number][];
-declare function __VLS_getVForSourceType<T extends any[]>(source: T): [
+function __VLS_getVForSourceType(source: number): [number, number, number][];
+function __VLS_getVForSourceType(source: string): [string, number, number][];
+function __VLS_getVForSourceType<T extends any[]>(source: T): [
 	item: T[number],
 	key: number,
 	index: number,
 ][];
-declare function __VLS_getVForSourceType<T extends { [Symbol.iterator](): Iterator<any> }>(source: T): [
+function __VLS_getVForSourceType<T extends { [Symbol.iterator](): Iterator<any> }>(source: T): [
 	item: T extends { [Symbol.iterator](): Iterator<infer T1> } ? T1 : never, 
 	key: number,
 	index: undefined,
 ][];
 // #3845
-declare function __VLS_getVForSourceType<T extends number | { [Symbol.iterator](): Iterator<any> }>(source: T): [
+function __VLS_getVForSourceType<T extends number | { [Symbol.iterator](): Iterator<any> }>(source: T): [
 	item: number | (Exclude<T, number> extends { [Symbol.iterator](): Iterator<infer T1> } ? T1 : never), 
 	key: number,
 	index: undefined,
 ][];
-declare function __VLS_getVForSourceType<T>(source: T): [
+function __VLS_getVForSourceType<T>(source: T): [
 	item: T[keyof T],
 	key: keyof T,
 	index: number,
 ][];
 // @ts-ignore
-declare function __VLS_getSlotParams<T>(slot: T): Parameters<__VLS_PickNotAny<NonNullable<T>, (...args: any[]) => any>>;
+function __VLS_getSlotParams<T>(slot: T): Parameters<__VLS_PickNotAny<NonNullable<T>, (...args: any[]) => any>>;
 // @ts-ignore
-declare function __VLS_getSlotParam<T>(slot: T): Parameters<__VLS_PickNotAny<NonNullable<T>, (...args: any[]) => any>>[0];
-declare function __VLS_directiveAsFunction<T extends import('${lib}').Directive>(dir: T): T extends (...args: any) => any
+function __VLS_getSlotParam<T>(slot: T): Parameters<__VLS_PickNotAny<NonNullable<T>, (...args: any[]) => any>>[0];
+function __VLS_directiveAsFunction<T extends import('${lib}').Directive>(dir: T): T extends (...args: any) => any
 	? T | __VLS_unknownDirective
 	: NonNullable<(T & Record<string, __VLS_unknownDirective>)['created' | 'beforeMount' | 'mounted' | 'beforeUpdate' | 'updated' | 'beforeUnmount' | 'unmounted']>;
-declare function __VLS_withScope<T, K>(ctx: T, scope: K): ctx is T & K;
-declare function __VLS_makeOptional<T>(t: T): { [K in keyof T]?: T[K] };
-declare function __VLS_nonNullable<T>(t: T): T extends null | undefined ? never : T;
-declare function __VLS_asFunctionalComponent<T, K = T extends new (...args: any) => any ? InstanceType<T> : unknown>(t: T, instance?: K):
+function __VLS_withScope<T, K>(ctx: T, scope: K): ctx is T & K;
+function __VLS_makeOptional<T>(t: T): { [K in keyof T]?: T[K] };
+function __VLS_nonNullable<T>(t: T): T extends null | undefined ? never : T;
+function __VLS_asFunctionalComponent<T, K = T extends new (...args: any) => any ? InstanceType<T> : unknown>(t: T, instance?: K):
 	T extends new (...args: any) => any
 	? (props: ${fnPropsType}, ctx?: any) => __VLS_Element & { __ctx?: {
 		attrs?: any,
@@ -113,13 +130,18 @@ declare function __VLS_asFunctionalComponent<T, K = T extends new (...args: any)
 	: T extends () => any ? (props: {}, ctx?: any) => ReturnType<T>
 	: T extends (...args: any) => any ? T
 	: (_: {}${strictTemplates ? '' : ' & Record<string, unknown>'}, ctx?: any) => { __ctx?: { attrs?: any, expose?: any, slots?: any, emit?: any, props?: {}${strictTemplates ? '' : ' & Record<string, unknown>'} } };
-declare function __VLS_elementAsFunction<T>(tag: T, endTag?: T): (_: T${strictTemplates ? '' : ' & Record<string, unknown>'}) => void;
-declare function __VLS_functionalComponentArgsRest<T extends (...args: any) => any>(t: T): Parameters<T>['length'] extends 2 ? [any] : [];
-declare function __VLS_pickFunctionalComponentCtx<T, K>(comp: T, compInstance: K): NonNullable<__VLS_PickNotAny<
+function __VLS_elementAsFunction<T>(tag: T, endTag?: T): (_: T${strictTemplates ? '' : ' & Record<string, unknown>'}) => void;
+function __VLS_functionalComponentArgsRest<T extends (...args: any) => any>(t: T): 2 extends Parameters<T>['length'] ? [any] : [];
+function __VLS_pickFunctionalComponentCtx<T, K>(comp: T, compInstance: K): NonNullable<__VLS_PickNotAny<
 	'__ctx' extends keyof __VLS_PickNotAny<K, {}> ? K extends { __ctx?: infer Ctx } ? Ctx : never : any
 	, T extends (props: any, ctx: infer Ctx) => any ? Ctx : any
 >>;
-declare function __VLS_normalizeSlot<S>(s: S): S extends () => infer R ? (props: {}) => R : S;
-declare function __VLS_tryAsConstant<const T>(t: T): T;
+function __VLS_normalizeSlot<S>(s: S): S extends () => infer R ? (props: {}) => R : S;
+function __VLS_tryAsConstant<const T>(t: T): T;
 `;
+
+	if (mode === 'global') {
+		str += `}${newLine}`;
+	}
+	return str;
 };

packages/language-core/lib/codegen/localTypes.ts

@@ -80,19 +80,6 @@ type __VLS_TypePropsToOption<T> = {
 		`__VLS_OmitIndexSignature`,
 		() => `type __VLS_OmitIndexSignature<T> = { [K in keyof T as {} extends Record<K, unknown> ? never : K]: T[K]; }${endOfLine}`
 	);
-	const PickRefsExpose = defineHelper(
-		`__VLS_PickRefsExpose`,
-		() => `
-type __VLS_PickRefsExpose<T> = T extends object
-	? { [K in keyof T]: (T[K] extends any[]
-	? Parameters<T[K][0]['expose']>[0][]
-	: T[K] extends { expose?: (exposed: infer E) => void }
-	? E
-	: T[K]) | null }
-	: never;
-`.trimStart()
-	);
-
 	const helpers = {
 		[PrettifyLocal.name]: PrettifyLocal,
 		[OmitKeepDiscriminatedUnion.name]: OmitKeepDiscriminatedUnion,
@@ -101,7 +88,6 @@ type __VLS_PickRefsExpose<T> = T extends object
 		[PropsChildren.name]: PropsChildren,
 		[TypePropsToOption.name]: TypePropsToOption,
 		[OmitIndexSignature.name]: OmitIndexSignature,
-		[PickRefsExpose.name]: PickRefsExpose,
 	};
 	used.clear();
 
@@ -117,7 +103,6 @@ type __VLS_PickRefsExpose<T> = T extends object
 		get PropsChildren() { return PropsChildren.name; },
 		get TypePropsToOption() { return TypePropsToOption.name; },
 		get OmitIndexSignature() { return OmitIndexSignature.name; },
-		get PickRefsExpose() { return PickRefsExpose.name; },
 	};
 
 	function* generate(names: string[]) {

packages/language-core/lib/codegen/script/index.ts

@@ -9,6 +9,7 @@ import { createScriptCodegenContext, ScriptCodegenContext } from './context';
 import { generateScriptSetup, generateScriptSetupImports } from './scriptSetup';
 import { generateSrc } from './src';
 import { generateTemplate } from './template';
+import { generateGlobalTypes } from '../globalTypes';
 
 export const codeFeatures = {
 	all: {
@@ -51,7 +52,12 @@ export interface ScriptCodegenOptions {
 export function* generateScript(options: ScriptCodegenOptions): Generator<Code, ScriptCodegenContext> {
 	const ctx = createScriptCodegenContext(options);
 
-	yield `/// <reference types="${options.vueCompilerOptions.lib}/dist/__globalTypes_${options.vueCompilerOptions.target}_${options.vueCompilerOptions.strictTemplates}.d.ts" />${newLine}`;
+	if (options.vueCompilerOptions.__setupedGlobalTypes?.()) {
+		yield `/// <reference types=".vue-global-types/${options.vueCompilerOptions.lib}_${options.vueCompilerOptions.target}_${options.vueCompilerOptions.strictTemplates}.d.ts" />${newLine}`;
+	}
+	else {
+		yield `/* placeholder */`;
+	}
 
 	if (options.sfc.script?.src) {
 		yield* generateSrc(options.sfc.script, options.sfc.script.src);
@@ -136,6 +142,9 @@ export function* generateScript(options: ScriptCodegenOptions): Generator<Code,
 		yield `type __VLS_IntrinsicElementsCompletion = __VLS_IntrinsicElements${endOfLine}`;
 	}
 	yield* ctx.localTypes.generate([...ctx.localTypes.getUsedNames()]);
+	if (!options.vueCompilerOptions.__setupedGlobalTypes?.()) {
+		yield generateGlobalTypes('local', options.vueCompilerOptions.lib, options.vueCompilerOptions.target, options.vueCompilerOptions.strictTemplates);
+	}
 
 	if (options.sfc.scriptSetup) {
 		yield ['', 'scriptSetup', options.sfc.scriptSetup.content.length, codeFeatures.verification];

packages/language-core/lib/codegen/script/internalComponent.ts

@@ -47,9 +47,6 @@ export function* generateInternalComponent(
 		}
 		yield `}${endOfLine}`; // return {
 		yield `},${newLine}`; // setup() {
-		if (options.vueCompilerOptions.target >= 3.5) {
-			yield `__typeRefs: {} as __VLS_Refs,${newLine}`;
-		}
 		if (options.sfc.scriptSetup && options.scriptSetupRanges && !ctx.bypassDefineComponent) {
 			const emitOptionCodes = [...generateEmitsOption(options, options.sfc.scriptSetup, options.scriptSetupRanges)];
 			for (const code of emitOptionCodes) {

packages/language-core/lib/codegen/script/scriptSetup.ts

@@ -244,7 +244,15 @@ function* generateSetupFunction(
 	}
 	for (const { define } of scriptSetupRanges.templateRefs) {
 		if (define?.arg) {
-			setupCodeModifies.push([[`<__VLS_Refs[${scriptSetup.content.slice(define.arg.start, define.arg.end)}], keyof __VLS_Refs>`], define.arg.start - 1, define.arg.start - 1]);
+			setupCodeModifies.push([
+				[
+					`<__VLS_Refs[`,
+					generateSfcBlockSection(scriptSetup, define.arg.start, define.arg.end, codeFeatures.navigation),
+					`], keyof __VLS_Refs>`
+				],
+				define.arg.start - 1,
+				define.arg.start - 1
+			]);
 		}
 	}
 	setupCodeModifies = setupCodeModifies.sort((a, b) => a[1] - b[1]);