\n\u003Cp>e.g. Soft\u003C/p>",[3137,3140],{"name":3138,"color":3139},"enhancement","a2eeef",{"name":3141,"color":3142},"triage","ffffff",4713,"nuxt","ui","open","Calender: add variant options","2025-08-11T23:21:51Z","https://github.com/nuxt/ui/issues/4713",0.7627024,{"description":3152,"labels":3153,"number":3162,"owner":3144,"repository":3145,"state":3146,"title":3163,"updated_at":3164,"url":3165,"score":3166},"### Description\n\nI would like to have an option to display the number of the week inside of the calendar, I have already created an upstream [issue](https://github.com/unovue/reka-ui/issues/1949) in RekaUI.\n\n### Additional context\n\nInspiration: \n\n\n\n",[3154,3155,3158,3159],{"name":3138,"color":3139},{"name":3156,"color":3157},"v3","49DCB8",{"name":3141,"color":3142},{"name":3160,"color":3161},"reka-ui","56d799",4231,"[Calendar]: add option to display week numbers","2025-05-29T05:07:48Z","https://github.com/nuxt/ui/issues/4231",0.7832719,{"description":3168,"labels":3169,"number":3173,"owner":3144,"repository":3145,"state":3146,"title":3174,"updated_at":3175,"url":3176,"score":3177},"### Description\n\nI propose the addition of a UTheme component which would allow scoped theming of components to reduce repeated styling that's error prone when refactoring.\n\n## Example\nThe Dashboard template has a bunch of forms that have horizontal form fields (label left, input right).\n\nBefore:\n```html\n\u003CUForm ...>\n \u003CUFormField ... class=\"flex max-sm:flex-col justify-between items-center gap-4\">\n ...\n \u003CUFormField>\n \u003CUFormField ... class=\"flex max-sm:flex-col justify-between items-center gap-4\">\n ...\n \u003CUFormField>\n\u003CUForm/>\n```\n\nAfter:\n```html\n\u003C!-- `ui` prop is the same as `app.config.ts` theming config\n\u003CUTheme :ui=\"{\n formField: {\n\t slots: {\n\t root: \"flex max-sm:flex-col justify-between items-center gap-4\",\n\t},\n },\n}\">\n \u003CUForm ...>\n \u003CUFormField ...>\n ...\n \u003CUFormField>\n \u003CUFormField ...>\n ...\n \u003CUFormField>\n \u003CUForm/>\n\u003C/UTheme>\n```\n\n## Benefits\n- Easily componentized. I could create a `AppForm` component which contains the `UTheme` usage with a slot, so now its 1 line to get the exact theming that I want. This makes consistency across the app really easy.\n- Nestable - If implemented with provide/inject, you could have an infinite number of UTheme's nested and it would take the latest one\n\n## Implementation\nI'd tentatively be willing to implement this. My approach would be:\n- Create `UTheme`, it should have a `ui` and `uiPro` prop, each of which take the same type as the `app.config.ts`\n- `provide()` those props\n- `inject()` those props into each component and merge with passed in `ui` field.\n- Theme priority order should be:\n 1. `ui` prop passed to component\n 2. `ui` prop coming from UTheme component\n 3. `ui` config coming from `app.config.ts`\n\n### Additional context\n\n_No response_",[3170,3171,3172],{"name":3138,"color":3139},{"name":3156,"color":3157},{"name":3141,"color":3142},4250,"UTheme component","2025-05-28T22:24:36Z","https://github.com/nuxt/ui/issues/4250",0.78761286,{"description":3179,"labels":3180,"number":3184,"owner":3144,"repository":3145,"state":3146,"title":3185,"updated_at":3186,"url":3187,"score":3188},"### Description\n\nI think when i use the flex-col-reverse it opens to the top. Can we add a prop to do this to make it more apparent that the content opens from the bottom or the top.\n\n\u003CUCollapsible class=\"flex flex-col-reverse gap-2 w-48\">\n \u003Ctemplate #content>\n \u003Cdiv class=\"h-48 bg-red-200\" />\n \u003C/template>\n \u003CUButton\n label=\"Open\"\n color=\"neutral\"\n variant=\"subtle\"\n trailing-icon=\"i-lucide-chevron-down\"\n block\n />\n \u003C/UCollapsible>\n\n### Additional context\n\n_No response_",[3181,3182,3183],{"name":3138,"color":3139},{"name":3156,"color":3157},{"name":3141,"color":3142},4146,"Can we add a reverse prop for collapsible.","2025-05-13T21:49:55Z","https://github.com/nuxt/ui/issues/4146",0.7938669,{"labels":3190,"number":3197,"owner":3144,"repository":3144,"state":3198,"title":3199,"updated_at":3200,"url":3201,"score":3202},[3191,3194],{"name":3192,"color":3193},"3.x","29bc7f",{"name":3195,"color":3196},"pending triage","E99695",14199,"closed","V-calendar ","2023-01-19T17:42:49Z","https://github.com/nuxt/nuxt/issues/14199",0.7620264,{"description":3204,"labels":3205,"number":3210,"owner":3144,"repository":3145,"state":3198,"title":3211,"updated_at":3212,"url":3213,"score":3214},"### Description\n\nHi, whats the best way to switch the langauge in UCalendar? For example I want to render the months and days in german.\n\nhttps://ui.nuxt.com/components/calendar",[3206,3209],{"name":3207,"color":3208},"question","d876e3",{"name":3156,"color":3157},4285,"UCalendar localization","2025-06-04T06:53:07Z","https://github.com/nuxt/ui/issues/4285",0.76746213,{"description":3216,"labels":3217,"number":3221,"owner":3144,"repository":3145,"state":3198,"title":3222,"updated_at":3223,"url":3224,"score":3225},"### Description\n\nhttps://ui.nuxt.com/components/carousel#with-thumbnails\n\nThere are a couple of issues with the current implementation:\n\n1. Swiping via gestures isn't tracked — when switching slides this way, the active thumb doesn't update.\n2. The thumbs list can have more items, so scrolling needs to be handled properly.\n\nHere's my take on fixing both:\n```vue\n\u003Cscript setup lang=\"ts\">\nconst items = [\n 'https://picsum.photos/640/640?random=1',\n 'https://picsum.photos/640/640?random=2',\n 'https://picsum.photos/640/640?random=3',\n 'https://picsum.photos/640/640?random=4',\n 'https://picsum.photos/640/640?random=5',\n 'https://picsum.photos/640/640?random=6',\n 'https://picsum.photos/640/640?random=7',\n 'https://picsum.photos/640/640?random=8',\n 'https://picsum.photos/640/640?random=9',\n 'https://picsum.photos/640/640?random=10',\n]\n\nconst carousel = useTemplateRef('carousel')\nconst thumbCarousel = useTemplateRef('thumbCarousel')\nconst activeIndex = ref(0)\n\nfunction onClickPrev() {\n activeIndex.value--\n}\nfunction onClickNext() {\n activeIndex.value++\n}\n\nfunction onSelect(index: number) {\n activeIndex.value = index\n\n thumbCarousel.value?.emblaApi?.scrollTo(index)\n}\n\nfunction onThumbClick(index: number) {\n carousel.value?.emblaApi?.scrollTo(index)\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv class=\"flex-1 w-full\">\n \u003CUCarousel\n ref=\"carousel\"\n v-slot=\"{ item }\"\n arrows\n :items=\"items\"\n :prev=\"{ onClick: onClickPrev }\"\n :next=\"{ onClick: onClickNext }\"\n class=\"w-full max-w-xs mx-auto\"\n >\n \u003Cimg :src=\"item\" width=\"320\" height=\"320\" class=\"rounded-lg\">\n \u003C/UCarousel>\n\n \u003Cdiv class=\"pt-4 max-w-xs mx-auto\">\n \u003CUCarousel\n ref=\"thumbCarousel\"\n v-slot=\"{ item, index }\"\n :items=\"items\"\n class=\"w-full\"\n contain-scroll=\"keepSnaps\"\n drag-free\n :ui=\"{ item: 'basis-auto' }\"\n >\n \u003Cimg\n :src=\"item\"\n width=\"44\"\n height=\"44\"\n class=\"size-11 opacity-25 hover:opacity-100 transition-opacity rounded-lg\"\n :class=\"{ 'opacity-100': activeIndex === index }\"\n alt=\"\"\n @click=\"onThumbClick(index)\"\n >\n \u003C/UCarousel>\n \u003C/div>\n \u003C/div>\n\u003C/template>\n```\n\n### Additional context\n\n_No response_",[3218,3219,3220],{"name":3138,"color":3139},{"name":3156,"color":3157},{"name":3141,"color":3142},4032,"[Carousel] improve thumb example","2025-05-02T09:58:58Z","https://github.com/nuxt/ui/issues/4032",0.77195036,{"description":3227,"labels":3228,"number":3232,"owner":3144,"repository":3145,"state":3198,"title":3233,"updated_at":3234,"url":3235,"score":3236},"### Description\n\nI would like to see support for Russian localization.\n\n### Additional context\n\n_No response_",[3229,3230,3231],{"name":3138,"color":3139},{"name":3156,"color":3157},{"name":3141,"color":3142},4536,"Calendar","2025-07-16T11:53:32Z","https://github.com/nuxt/ui/issues/4536",0.7729271,{"labels":3238,"number":3241,"owner":3144,"repository":3144,"state":3198,"title":3242,"updated_at":3243,"url":3244,"score":3245},[3239,3240],{"name":3192,"color":3193},{"name":3195,"color":3196},14189,"Does not work scroll","2023-01-19T17:32:47Z","https://github.com/nuxt/nuxt/issues/14189",0.77628267,{"description":3247,"labels":3248,"number":3253,"owner":3144,"repository":3145,"state":3198,"title":3254,"updated_at":3255,"url":3256,"score":3257},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v20.18.0\n- Nuxt Version: -\n- CLI Version: 3.14.0\n- Nitro Version: -\n- Package Manager: unknown\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Version\n\nv3.0.0-alpha.6\n\n### Reproduction\n\nCannot use v3 on stackblitz so no repo.\n\n### Description\n\nWhen value is empty string placeholder doesn't show.\n\n```\nconst items = ref([\"Backlog\", \"Todo\", \"In Progress\", \"Done\"]);\nconst value = ref(\"\");\n```\n```\n\u003CUSelectMenu\n v-model=\"value\"\n placeholder=\"DummyItem\"\n :items=\"items\"\n class=\"w-full\"\n />\n```\n\n\n\nThis doesn't happen with input-menu. Gonna use that for now.\nIt only show when there is nothing(undefined):\n`const value = ref();` which doesn't work well with types and is not really realistic.\nAlso it with 'null' it breaks:\n`TypeError: Cannot read properties of null (reading 'label')`\n\nIt should use placeholder when:\n- null\n- empty string\n- empty\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3249,3252],{"name":3250,"color":3251},"bug","d73a4a",{"name":3156,"color":3157},2353,"[Select-Menu] Empty value placeholder logic is broken","2024-10-10T14:16:08Z","https://github.com/nuxt/ui/issues/2353",0.77982974,["Reactive",3259],{},["Set"],["ShallowReactive",3262],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fKoY_TXeBtYjMIKmd1ZpYj_Pe3L33mfZgw713J02cuLc":-1},"/nuxt/ui/4842"]