[pro]DashboardSidebarLinks typescript errors

[emavitta]

Environment

• Operating System: Darwin
• Node Version: v22.2.0
• Nuxt Version: 3.14.159
• CLI Version: 3.15.0
• Nitro Version: -
• Package Manager: pnpm@9.1.1
• Builder: -
• User Config: default
• Runtime Modules: @nuxt/eslint@0.6.1, @nuxt/ui@2.19.2, nuxt-svgo@4.0.8
• Build Modules: -

Version

v2.19.2 - pro v1.5

Reproduction

https://stackblitz.com/edit/nuxt-ui-qvnuqy?file=app.vue

Description

I'd like to change the color of the badge in the DashboardSidebarLinks to be red.
in the config page the ui config for the badge is there with the color key, but when i try to use set the color as red, typescript says Type '"red"' is not assignable to type '"gray"'.
In the component file, color values (and other values) are marked as const; is this intentional?
If so why the config in the docs?

Happy to provide a pr removing the as const if it's just an error.

Thanks

Additional context

No response

Logs

[benjamincanac]

#2652 just got merged to fix that on nuxt/ui, we should indeed do the same on nuxt/ui-pro!

[emavitta]

Nice, i'll prepare a pr.....