Как можно вытащить типы пропсов из определения компонента?

Question

[Андрей]

Делаю компонент, у которого поведение похоже на встроенный <component :is />, но типизированный. С html тегами все работает, а вот с вьюшными компонентами не очень понятно как вытащить типы пропсов, встроенный ExtractPropTypes не помогает

playground

Например у кнопки такие пропсы


Нужно тут подсвечивало некорректный тип

Comments

[Антон Антон]

Судя по https://vuejs.org/guide/typescript/composition-api... используется синтаксис type-based declaration. Можно попробовать runtime declaration, когда тип определяется аргументом а не дженериком.

Answer 1

[Андрей]

type ComponentProps<ComponentDefinition> = ComponentDefinition extends { new (): { $props: infer P } } ? P : never;