feat(language-core): add fallthroughAttributes compiler option

Author: johnsoncodehk

packages/language-core/lib/codegen/template/element.ts

@@ -288,8 +288,11 @@ export function* generateComponent(
 	}
 
 	if (
-		node.props.some(prop => prop.type === CompilerDOM.NodeTypes.DIRECTIVE && prop.name === 'bind' && prop.exp?.loc.source === '$attrs')
-		|| node === ctx.singleRootNode
+		options.vueCompilerOptions.fallthroughAttributes
+		&& (
+			node.props.some(prop => prop.type === CompilerDOM.NodeTypes.DIRECTIVE && prop.name === 'bind' && prop.exp?.loc.source === '$attrs')
+			|| node === ctx.singleRootNode
+		)
 	) {
 		const varAttrs = ctx.getInternalVariable();
 		ctx.inheritedAttrVars.add(varAttrs);
@@ -386,8 +389,11 @@ export function* generateElement(
 	}
 
 	if (
-		node.props.some(prop => prop.type === CompilerDOM.NodeTypes.DIRECTIVE && prop.name === 'bind' && prop.exp?.loc.source === '$attrs')
-		|| node === ctx.singleRootNode
+		options.vueCompilerOptions.fallthroughAttributes
+		&& (
+			node.props.some(prop => prop.type === CompilerDOM.NodeTypes.DIRECTIVE && prop.name === 'bind' && prop.exp?.loc.source === '$attrs')
+			|| node === ctx.singleRootNode
+		)
 	) {
 		ctx.inheritedAttrVars.add(`__VLS_intrinsicElements.${node.tag}`);
 	}

packages/language-core/lib/types.ts

@@ -30,6 +30,7 @@ export interface VueCompilerOptions {
 	jsxSlots: boolean;
 	strictTemplates: boolean;
 	skipTemplateCodegen: boolean;
+	fallthroughAttributes: boolean;
 	dataAttributes: string[];
 	htmlAttributes: string[];
 	optionsWrapper: [string, string] | [];

packages/language-core/lib/utils/ts.ts

@@ -216,6 +216,7 @@ export function resolveVueCompilerOptions(vueOptions: Partial<VueCompilerOptions
 		jsxSlots: vueOptions.jsxSlots ?? false,
 		strictTemplates: vueOptions.strictTemplates ?? false,
 		skipTemplateCodegen: vueOptions.skipTemplateCodegen ?? false,
+		fallthroughAttributes: vueOptions.fallthroughAttributes ?? false,
 		dataAttributes: vueOptions.dataAttributes ?? [],
 		htmlAttributes: vueOptions.htmlAttributes ?? ['aria-*'],
 		optionsWrapper: vueOptions.optionsWrapper ?? (

packages/language-core/schemas/vue-tsconfig.schema.json

@@ -47,8 +47,14 @@
 				},
 				"skipTemplateCodegen": {
 					"type": "boolean",
+					"default": false,
 					"markdownDescription": "https://github.com/vuejs/language-tools/issues/577"
 				},
+				"fallthroughAttributes": {
+					"type": "boolean",
+					"default": false,
+					"markdownDescription": "Enable to support typed fallthrough attributes. Please note that enabling may significantly slow down type checking."
+				},
 				"dataAttributes": {
 					"type": "array",
 					"default": [ ],

packages/tsc/tests/__snapshots__/dts.spec.ts.snap

@@ -170,30 +170,8 @@ type __VLS_Prettify<T> = {
 `;
 
 exports[`vue-tsc-dts > Input: generic/main.vue, Output: generic/main.vue.d.ts 1`] = `
-"declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_OmitIndexSignature<Partial<{
-    "onUpdate:title"?: (title: string) => any;
-    onBar?: (data: number) => any;
-    title?: string;
-    foo: number;
-} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_OmitIndexSignature<Partial<{
-    "onUpdate:title"?: (title: string) => any;
-    onBar?: (data: number) => any;
-    title?: string;
-    foo: number;
-} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps>>>>>, {}, {}>;
+"declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_OmitIndexSignature<T> = {
-    [K in keyof T as {} extends Record<K, unknown> ? never : K]: T[K];
-};
 "
 `;
 

test-workspace/tsc/passedFixtures/fallthroughAttributes/tsconfig.json

@@ -0,0 +1,7 @@
+{
+	"extends": "../../../tsconfig.base.json",
+	"vueCompilerOptions": {
+		"fallthroughAttributes": true,
+	},
+	"include": [ "**/*" ],
+}