[TypeScript] Add custom variants, colors

[theguriev]

Description

How to add variants so that types are taken into account and it works correctly in app.config.ts?

I'm trying to do something like that #725 (comment)

But unfortunately types is just not working.


Moreover I was trying to add something like that but it's also not working.

Looks like AppConfigInput will be overwritten by the module types. So how to extend it?

Additional context

Vue Tailwind implements such a feature (see https://www.vue-tailwind.com/docs/theming#variants).

[benjamincanac]

@theguriev What you wrote should work fine when using the <UButton> component, there was indeed a type issue in the app.config.ts.

[benjamincanac]

There was indeed another issue that I completely forgot about when implementing #692, the user AppConfig was not taken into account in the prop types of the components, I finally found a way to achieve this! Thanks for the reminder 😊

[theguriev]

@benjamincanac Nice! Thank you! :)

[benjamincanac]

@theguriev Had to revert my commit into #863 (comment)

[metkm]

This would be such a cool feature!

[benjamincanac]

Should be working now 😊

[theguriev]

Thank you!

…

On Fri, 17 Nov 2023 at 19:55, Benjamin Canac ***@***.***> wrote: Should be working now 😊 — Reply to this email directly, view it on GitHub <#858 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACA3WBPW3RZMHVHS5DA5INDYE6QIJAVCNFSM6AAAAAA6OGOOQGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMJWHA2TGNBRGQ> . You are receiving this because you were mentioned.Message ID: ***@***.***>