[Question]: Why it's not possible to directly extend the VariantProps?

[jd-solanki]

Describe the feature

Hi 👋🏻

I was learning how to use cva in Vue and noticed below code:

interface ButtonVariantProps extends VariantProps<typeof buttonVariants> {}

interface Props extends PrimitiveProps {
  variant?: ButtonVariantProps['variant']
  size?: ButtonVariantProps['size']
  as?: string
}

should be written like

// Let's ignore optional for now
interface Props extends PrimitiveProps {
	as?: string
}

So I tried it in fresh vue project and found that we get Vue type error:

Is anyone know what's causing this?

Additional information

• I intend to submit a PR for this feature.
• I have already implemented and/or tested this feature.

[sadeghbarati]

Hi @jd-solanki

• How to "extend" component props & emit types when Fallthrough Attributes? vuejs/core#9906
• defineProps is unable to parse the types generated from ExtractPropTypes vuejs/core#9774 (comment)
• How to import interface for defineProps vuejs/core#4294 (comment)