astro/examples/component/packages/my-component/Heading.astro

---
export interface Props extends Record<any, any> {
	level?: number | string;
	role?: string;
}

const { level, role, ...props } = {
	...Astro.props,
} as Props;

props.role = role || 'heading';
props['aria-level'] = level || '1';
---

<h {...props}><slot /></h>