How do you use getColors/setColors?

[mitya33]

Hi all - I'm new to Vuestic and have been reading about customising colours. I can successfully override colours via config but I'm unsure how to use the above two methods. I had assumed they were exports from Vuestic, but doing this:

<script setup>
import { getColors } from 'vuestic-ui'
...
</script>

...results in an error ("amibuguous indirect export").

This page discusses the getColors() method but doesn't actually show a full example of its usage. Does one exist?

Thank you.

[m0ksem]

Hi. You should use useColors composable from vuestic-ui in script setup.

<script setup>
import { useColors} from 'vuestic-ui'

const { colors, getColor, currentPresetName } = useColors()
</script>

[mitya33]

Thank you. I feel that could be better explained on the docs, however.

[m0ksem]

Would be great if you can help us improve the docs! If you feel that something must be changed in docs, please make an issue and describe how you want to improve the docs experience. Also notify us if you're planning to make a PR, or it is just an issue.
If you don't know how it can be better explained, just make us know what has poor explanation.