custom Props type name and explicit annotation on destructured props ?

[isimmons]

If I apply what I am used to in other frameworks I would type a component something like this

type ButtonProps = {
  classes?: string;
  variant?: ButtonVariant;
} & HTMLAttributes<'button'>;

const { classes, variant, ...attrs }: ButtonProps = Astro.props;

Now this works inside the Button.astro component but completion and type errors are gone in the parent component.

I see from the documentation that the Astro extension automatically looks for 'Props' and uses it so that's why everything works when I do it the Astro docs way. Also if I try to add children in the example above to enforce something is passed for the slot, I get type errors so I guess this is something tied in with the slot type.

My question is, is there a way to do it like my example or are there any plans on making this possible in the future?

Thanks