\n```\n\nI tried to check `this.$refs.customCalendar` if I could find any exposed method, but got nothing.\n\nDo you know how and if this is feasible ?",[1995,1998],{"name":1996,"color":1997},"question","d876e3",{"name":1999,"color":2000},"v3","49DCB8",3764,"ui","How to control Calendar outside the component","2025-04-01T13:02:51Z","https://github.com/nuxt/ui/issues/3764",0.7415731,{"description":2008,"labels":2009,"number":2017,"owner":1985,"repository":2002,"state":1987,"title":2018,"updated_at":2019,"url":2020,"score":2021},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.12.0\n- Nuxt Version: 3.15.1\n- CLI Version: 3.18.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.0\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate, eslint\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, @nuxt/eslint@0.7.4, @vueuse/nuxt@12.3.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.x\n\n### Reproduction\n\n[nuxt-ui-button-transition-repro](https://github.com/fech-dev/nuxt-ui-button-transition-repro)\n\n### Description\n\nI'm unable to animate (or use transitions) with vue's Transition component with UButton. I've noticed that the UButton uses NuxtLink that renders a fragment. This is causing the problem, since Transition component will not be able to work with fragments. \n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n[Vue warn]: Component inside \u003CTransition> renders non-element root node that cannot be animated. \n at \u003CNuxtLink class=\"rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-none disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-[var(--ui-bg)] bg-[var(--ui-primary)] hover:bg-[var(--ui-primary)]/75 disabled:bg-[var(--ui-primary)] aria-disabled:bg-[var(--ui-primary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)]\" raw=true custom=\"\" > \n at \u003CULink type=undefined disabled=false class=\"rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-none disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-[var(--ui-bg)] bg-[var(--ui-primary)] hover:bg-[var(--ui-primary)]/75 disabled:bg-[var(--ui-primary)] aria-disabled:bg-[var(--ui-primary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)]\" ... > \n at \u003CUButton key=\"_default1\" label=\"Open\" onClick=fn > \n at \u003CBaseTransition appear=false persisted=false mode=undefined ... > \n at \u003CTransition enter-from-class=\"opacity-0 translate-x-100\" enter-active-class=\"transition duration-400\" leave-active-class=\"transition duration-400\" ... > \n at \u003CFadeTransition > \n at \u003CPrimitive as=undefined class=\"max-w-[var(--ui-container)] mx-auto px-4 sm:px-6 lg:px-8 flex flex-col justify-center items-center min-h-screen gap-4\" > \n at \u003CUContainer class=\"flex flex-col justify-center items-center min-h-screen gap-4\" > \n at \u003CApp key=4 > \n at \u003CNuxtRoot>\n```",[2010,2013,2014],{"name":2011,"color":2012},"bug","d73a4a",{"name":1999,"color":2000},{"name":2015,"color":2016},"upstream","78bddb",3037,"Unable to animate Button with Transition component","2025-03-22T21:43:43Z","https://github.com/nuxt/ui/issues/3037",0.7570707,{"description":2023,"labels":2024,"number":2032,"owner":1985,"repository":2002,"state":2033,"title":2034,"updated_at":2035,"url":2036,"score":2037},"### Description\n\nHello, \n\nI was looking for adding Català language to nuxt ui v3. However, i am not used to pull requests but also, the 'ca' code may be confusing with Canada one (and may be others?)\n\nCan someone help me on that way so I will be able to use the locale in the UApp componente :) ?\n\nThank you very much ! \n\n```\n\nimport { defineLocale } from '../composables/defineLocale'\n\nexport default defineLocale({\n name: 'Català',\n code: 'ca',\n messages: {\n inputMenu: {\n noMatch: 'No hi ha dades coincidents',\n noData: 'Sense dades',\n create: 'Crear \"{label}\"'\n },\n calendar: {\n prevYear: 'Any anterior',\n nextYear: 'Any següent',\n prevMonth: 'Mes anterior',\n nextMonth: 'Mes següent'\n },\n inputNumber: {\n increment: 'Incrementar',\n decrement: 'Decrementar'\n },\n commandPalette: {\n placeholder: 'Escriu una ordre o cerca...',\n noMatch: 'No hi ha dades coincidents',\n noData: 'Sense dades',\n close: 'Tancar'\n },\n selectMenu: {\n noMatch: 'No hi ha dades coincidents',\n noData: 'Sense dades',\n create: 'Crear \"{label}\"',\n search: 'Cerca...'\n },\n toast: {\n close: 'Tancar'\n },\n carousel: {\n prev: 'Anterior',\n next: 'Següent',\n goto: 'Anar a la diapositiva {slide}'\n },\n modal: {\n close: 'Tancar'\n },\n slideover: {\n close: 'Tancar'\n },\n alert: {\n close: 'Tancar'\n },\n table: {\n noData: 'Sense dades'\n }\n }\n})\n\n```\n\n### Additional context\n\n_No response_",[2025,2028,2029],{"name":2026,"color":2027},"enhancement","a2eeef",{"name":1999,"color":2000},{"name":2030,"color":2031},"triage","ffffff",3477,"closed","Adding Català language","2025-03-20T14:09:46Z","https://github.com/nuxt/ui/issues/3477",0.7248227,{"description":2039,"labels":2040,"number":2041,"owner":1985,"repository":2042,"state":2033,"title":2043,"updated_at":2044,"url":2045,"score":2046},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.16.0`\n- CLI Version: `3.22.5`\n- Nitro Version: `2.11.5`\n- Package Manager: `bun@1.2.4`\n- Builder: `-`\n- User Config: `runtimeConfig`, `modules`, `app`, `site`, `sitemap`, `robots`, `css`, `icon`, `image`, `ui`, `devtools`, `future`, `unhead`, `compatibilityDate`\n- Runtime Modules: `@nuxt/ui@3.0.0-beta.3`, `@pinia/nuxt@0.10.1`, `@nuxt/scripts@0.10.5`, `@nuxt/image@1.9.0`, `@nuxtjs/seo@2.2.0`\n- Build Modules: `-`\n\n### Reproduction\n\nnda\n\n### Describe the bug\n\nnr dev\n$ nuxt dev\nNuxt 3.16.0 with Nitro 2.11.5 nuxi 8:23:08 PM\n 8:23:08 PM\n ➜ Local: http://localhost:3003/\n ➜ Network: use --host to expose\n\n ➜ DevTools: press Shift + Option + D in the browser (v2.2.1) 8:23:10 PM\n\n\n✔ Nuxt Icon loaded local collection elfi with 70 icons 8:23:10 PM\nℹ Running with compatibility version 4 nuxt 8:23:10 PM\n✔ Vite client built in 190ms 8:23:11 PM\n✔ Vite server built in 528ms 8:23:12 PM\n\n[nitro 8:23:14 PM] ERROR Error: Could not load /\u003Cmy-path>/node_modules/unenv/dist/runtime/runtime/mock/empty.mjs (imported by node_modules/nuxt-og-image/dist/runtime/server/og-image/satori/instances.js): ENOENT: no such file or directory, open '/\u003Cmy-path>/node_modules/unenv/dist/runtime/runtime/mock/empty.mjs'\n\n\nundefined\n\n### Additional context\n\nUpgraded by \"nuxi upgrade -f\" from 3.15.4 and couldn't able to start properly with provided error.\nTried with unhead flag in nuxt.config - same error\n```\nunhead: {\n legacy: true,\n }\n```\n\n### Logs\n\n```shell-script\n\n```",[],414,"scripts","Nuxt 3.16.0 won't start properly nor dev nor build","2025-03-07T18:58:03Z","https://github.com/nuxt/scripts/issues/414",0.7379229,{"description":2048,"labels":2049,"number":2058,"owner":1985,"repository":1985,"state":2033,"title":2059,"updated_at":2060,"url":2061,"score":2062},"### Version\n\n[v2.0.0](https://github.com/nuxt.js/releases/tag/v2.0.0)\n\n### Reproduction link\n\n[https://github.com/therddlr/transition-issue](https://github.com/therddlr/transition-issue)\n\n### Steps to reproduce\n\nIf you navigate to `issue` page you can see that next route instantly appears without waiting page transition to finish. \nThe `ok` page is working fine. \nAlso, if you comment out `validate` in `issue` page then transition mode is not broken. So this is somehow related with redirect in validate.\n\n### What is expected ?\n\nI expect normal page transition\n\n### What is actually happening?\n\nTransition mode is broken.\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7816\">#c7816\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2050,2052,2055],{"name":2051,"color":2031},"stale",{"name":2053,"color":2054},"pending triage","E99695",{"name":2056,"color":2057},"2.x","d4c5f9",3954,"Transition issue when using redirect in validate","2023-01-22T15:30:07Z","https://github.com/nuxt/nuxt/issues/3954",0.7412544,{"description":2064,"labels":2065,"number":2072,"owner":1985,"repository":2002,"state":2033,"title":2073,"updated_at":2074,"url":2075,"score":2076},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.18.1\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.7\n- Package Manager: yarn@1.22.22\n- Builder: -\n- User Config: devtools, typescript, css, compatibilityDate, devServer, vite, runtimeConfig, app, ui, modules\n- Runtime Modules: @nuxt/ui@3.0.1, @pinia/nuxt@0.10.1, pinia-plugin-persistedstate/nuxt@4.2.0\n- Build Modules: -\n- Typescript: 5.8.2\n- Vue-tsc: 2.2.8\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.1\n\n### Reproduction\n\n```\n// will trigger typescript error on v-model\n\u003CUSelectMenu\n v-model=\"memberForm.user\"\n :items=\"addableUsers\"\n label-key=\"email\"\n/>\n// will trigger typescript error on v-model\n\u003CUSelectMenu\n v-model=\"memberForm.user\"\n :items=\"addableUsers\"\n label-key=\"email\"\n :value-key=\"undefined\"\n/>\n// will work but i need to handle label display manually using slot\n\u003CUSelectMenu\n v-model=\"memberForm.user\"\n :items=\"addableUsers\"\n/>\n```\n\n### Description\n\nI'm currently migrate my project to NuxtUi V3 and I have some issues with `\u003CUInputMenu />` and `\u003CUSelectMenu />`. On my selects I want to retrieve the full object selected so I don't set `value-key` but for display purpose I use the `label-key` props, however when I do this I get this typescript error on the `v-model` :\n```\nUnable to assign type 'User | undefined' to type 'string | undefined'.\nUnable to assign type 'User' to type 'string'. ts-plugin(2322)\n```\nAfter some research, I think the `label-key` alter the `value-key` type and that's what triggers the error.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2066,2067,2068,2071],{"name":2011,"color":2012},{"name":1999,"color":2000},{"name":2069,"color":2070},"typescript","3A629E",{"name":2030,"color":2031},3670,"v-model typescript error when using label-key InputMenu/SelectMenu","2025-03-24T20:38:15Z","https://github.com/nuxt/ui/issues/3670",0.74557555,{"description":2078,"labels":2079,"number":2082,"owner":1985,"repository":2002,"state":2033,"title":2083,"updated_at":2084,"url":2085,"score":2086},"### Description\n\nHey!\n\nIt would be nice to have the primary/secondary/neutral/etc colours defined in `app.config.ts` directly as tailwind variables (ex: text-primary-500)\n\nRight now we have to define the colours both in `app.config.ts` and `tailwind.config.js` to be able to do that. (the new `main.css` would require to create a variable for each sub-colour manually so not worth using it) \n\nFor `neutral`, since it's a tailwind colour, it could be named `text-neutr-500`\nOr maybe name all colours with something like `text-Uneutral-500`\n\n\n### Additional context\n\n_No response_",[2080,2081],{"name":2026,"color":2027},{"name":1999,"color":2000},2948,"Add theme colors as tailwind variables","2025-02-06T16:29:04Z","https://github.com/nuxt/ui/issues/2948",0.74715024,{"description":2088,"labels":2089,"number":2094,"owner":1985,"repository":1985,"state":2033,"title":2095,"updated_at":2096,"url":2097,"score":2098},"### Describe the feature\n\nHow can i redirect the route to a new page in the plugin using NavigateTo, \n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2090,2093],{"name":2091,"color":2092},"3.x","29bc7f",{"name":2053,"color":2054},22120,"How can i redirect the route to a new page in the plugin using NavigateTo","2023-07-13T13:42:33Z","https://github.com/nuxt/nuxt/issues/22120",0.74727666,{"description":2100,"labels":2101,"number":2103,"owner":1985,"repository":1985,"state":2033,"title":2104,"updated_at":2105,"url":2106,"score":2107},"If suddenly the user goes to a nonexistent url, you need to implement the redirect to the page\r\nwhich the user had before. How can I do that?\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1830\">#c1830\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2102],{"name":2056,"color":2057},2063,"How to implement redirection to a page that the user had previously, if the page to which he passed does not exist","2023-01-18T15:43:03Z","https://github.com/nuxt/nuxt/issues/2063",0.7492025,["Reactive",2109],{},["Set"],["ShallowReactive",2112],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"_r1F7GBqQZwjAuB76gZfm1XX98bcsz1HyuqkCtKMUKE":-1},"/nuxt/ui/2533"]