State-based Customization (in app.config)

[IMTanuki]

For what version of Nuxt UI are you asking this question?

v2.x

Description

It seems that the default state-based styling for Nuxt UI components is inverted.

Instead of:

hover: { color: xxx, bg: xxx, other-props: xxx }

Nuxt-UI components do this:

bg: { base: xxx, hover: xxx, active: xxx }

IMO, this inversion sems like it would be extremely difficult to modify in app.config, and in fact, I can't find anything in the Nuxt UI docs that explains how to customize the default state-based styling (maybe it's staring me right in the face).

Question(s)

1. Can state-based customization be implemented in app.config?
2. If so, could someone provide even a simple example of the syntax?

Thx