feat: $attrs

vuejs · Nov 19, 2024 · 15a8ddc · 15a8ddc
1 parent 105d1d7
commit 15a8ddc
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/packages/language-core/lib/codegen/template/index.ts b/packages/language-core/lib/codegen/template/index.ts
@@ -34,6 +34,7 @@ export function* generateTemplate(options: TemplateCodegenOptions): Generator<Co
 	if (options.propsAssignName) {
 		ctx.addLocalVariable(options.propsAssignName);
 	}
+	ctx.addLocalVariable("$attrs");
 	ctx.addLocalVariable('$el');
 	ctx.addLocalVariable('$refs');
 
@@ -91,11 +92,12 @@ function* generateSlotsType(options: TemplateCodegenOptions, ctx: TemplateCodege
 }
 
 function* generateInheritedAttrs(ctx: TemplateCodegenContext): Generator<Code> {
-	yield 'var __VLS_inheritedAttrs!: {}';
+	yield 'let __VLS_inheritedAttrs!: {}';
 	for (const varName of ctx.inheritedAttrVars) {
 		yield ` & typeof ${varName}`;
 	}
 	yield endOfLine;
+	yield `var $attrs!: Partial<typeof __VLS_inheritedAttrs> & Record<string, unknown>${endOfLine}`;
 }
 
 function* generateRefs(ctx: TemplateCodegenContext): Generator<Code> {

diff --git a/test-workspace/tsc/passedFixtures/fallthroughAttributes_strictTemplate/useAttrs/main.vue b/test-workspace/tsc/passedFixtures/fallthroughAttributes_strictTemplate/useAttrs/main.vue
@@ -2,10 +2,12 @@
 import { type AnchorHTMLAttributes, type ReservedProps, useAttrs } from 'vue';
 import { exactType } from '../../shared';
 
+type InheritedAttrs = Partial<AnchorHTMLAttributes & ReservedProps> & Record<string, unknown>;
+
 const attrs = useAttrs();
-exactType(attrs, {} as Partial<AnchorHTMLAttributes & ReservedProps> & Record<string, unknown>);
+exactType(attrs, {} as InheritedAttrs);
 </script>
 
 <template>
-	<a></a>
+	<a>{{ exactType($attrs, {} as InheritedAttrs) }}</a>
 </template>