Estoy tratando de escribir la implementación del componente Button estándar de Storybook, se suponía que debía escribirse, pero mi TS está dando un error en la interpolación dentro de la configuración, como en la imagen a continuación...

No sé si es un error de sintaxis o un error de tsconfig, aquí está el fragmento del código en cuestión:

 export default defineComponent({ name: 'my-button', components: { VBtn }, props: { label: { type: Boolean, required: true, }, variation: String, size: { type: String, validator: function (value: string) { return ['small', 'medium', 'large'].indexOf(value) !== -1; }, }, backgroundColor: { type: String, }, }, emits: ['click'], setup(props, { emit }): typeSetup { props = reactive(props); return { classes: computed(() => ({ 'storybook-button': true, [`storybook-button--${props.variation}`]: true, [`storybook-button--${props.size || 'medium'}`]: true, })), style: computed(() => ({ backgroundColor: props.backgroundColor, })), onClick() { emit('click'); }, } }, });

Error:

 Property 'variation' does not exist on type 'Readonly<LooseRequired<Readonly<ExtractPropTypes<Readonly<ComponentPropsOptions<Data>>>>>