[pro]DashboardSidebarLinks typescript errors

emavitta commented 2 days ago

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 commented 2 days ago

https://github.com/nuxt/ui/pull/2652 just got merged to fix that on nuxt/ui, we should indeed do the same on nuxt/ui-pro!

emavitta commented 1 day ago

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

nuxt / ui