\n \u003C/UFormField>\n\u003C/template>\n```\n[Here](https://skrinshoter.ru/vSpJnffwygq) is video demonstration :)\n\n### Description\n\n`placeOpen.value = true` is not opening dropdown after fetching places.",[1984,1987,1990],{"name":1985,"color":1986},"bug","d73a4a",{"name":1988,"color":1989},"v3","49DCB8",{"name":1991,"color":1992},"triage","ffffff",2724,"nuxt","ui","open","UInputMenu property OPEN not working properly","2024-11-23T20:32:41Z","https://github.com/nuxt/ui/issues/2724",0.708511,{"description":2002,"labels":2003,"number":2009,"owner":1994,"repository":1995,"state":1996,"title":2010,"updated_at":2011,"url":2012,"score":2013},"### Description\n\nFrom the testing I've done, it seems that the Modal component is only rendered on client side.\n\nI have a use case where a user can land on a page with a query param and a modal should be already opened on SSR.\n\nWith UI v3 the modal opens after client mounts, so it pops in/animates in to view.\n\nWould it be possible to allow modals to render on SSR?\n\n### Additional context\n\n_No response_",[2004,2007,2008],{"name":2005,"color":2006},"enhancement","a2eeef",{"name":1988,"color":1989},{"name":1991,"color":1992},3605,"Allow rendering the Modal component in SSR","2025-03-18T11:55:29Z","https://github.com/nuxt/ui/issues/3605",0.73073995,{"description":2015,"labels":2016,"number":2017,"owner":1994,"repository":2018,"state":2019,"title":2020,"updated_at":2021,"url":2022,"score":2023},"### Environment\n\n\r\nChrome : 112.0.5615.49 (arm64)\n\n### Reproduction\n\nVisiting website without closing, waiting for website redeployment。\n\n### Describe the bug\n\nThis situation occurs when accessing official website documents, and most page visits are like this. If I force the page to refresh, I will not have this problem. It may be because the official document website has just been redeployed, and my client needs to force a refresh. \r\n\r\n**I still hope to have a website that will prompt users to refresh after redeployment.**\r\n\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[],1312,"nuxt.com","closed","\"TypeError: Cannot read properties of null (reading 'querySelectorAll')\"","2023-10-10T14:44:48Z","https://github.com/nuxt/nuxt.com/issues/1312",0.70136917,{"description":2025,"labels":2026,"number":2031,"owner":1994,"repository":1995,"state":2019,"title":2032,"updated_at":2033,"url":2034,"score":2035},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nHello,\n\nHow to access [Neutral Palette](https://ui3.nuxt.dev/getting-started/theme#neutral-palette) classes ? (text-ui-dimmed, bg-ui-accented ...)\nTailwind CSS IntelliSense doesn't offer them, are they generated by default?\nIf not, What is the easiest way to do this?\n\nThanks in advance",[2027,2030],{"name":2028,"color":2029},"question","d876e3",{"name":1988,"color":1989},2843,"Neutral Palette classes","2024-12-09T11:12:10Z","https://github.com/nuxt/ui/issues/2843",0.7030247,{"description":2037,"labels":2038,"number":2041,"owner":1994,"repository":1995,"state":2019,"title":2042,"updated_at":2043,"url":2044,"score":2045},"### Description\n\nI added type of array items. It's Work as well in web but i got error warn in IDE. I use Nuxt + NuxtUi 3 + TS\n\n\n\n\n\nFor items : \n```\nconst items = ref([\n { label: \"Your Order\", slot: \"header\", type: \"label\" },\n { label: \"Item1\" },\n ]);\n```",[2039,2040],{"name":2028,"color":2029},{"name":1988,"color":1989},3456,"DropdownMenuItem type","2025-03-28T17:41:59Z","https://github.com/nuxt/ui/issues/3456",0.71068025,{"description":2047,"labels":2048,"number":2052,"owner":1994,"repository":2018,"state":2019,"title":2053,"updated_at":2054,"url":2055,"score":2056},"### Environment\n\nNA\n\n### Reproduction\n\nClick getting started, then refresh the page, it 404s...\n\n### Describe the bug\n\n404 on page refresh of non home page\r\n\r\nVideo below...\r\n\r\nhttps://iframe.mediadelivery.net/play/161467/0943c0ad-fa76-40f5-8fa5-ceabd7ef0e1a\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2049],{"name":2050,"color":2051},"documentation","9DE2BA",1383,"nuxt.com broken...","2023-10-27T12:25:27Z","https://github.com/nuxt/nuxt.com/issues/1383",0.71195376,{"description":2058,"labels":2059,"number":2063,"owner":1994,"repository":1995,"state":2019,"title":2064,"updated_at":2065,"url":2066,"score":2067},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.12.0\n- Nuxt Version: 3.15.0\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.14.4\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.10\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-apha.10\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/nuxt-ui3-forked-jncllj\n\n### Description\n\nRelated : https://github.com/histoire-dev/histoire/issues/702\n\nWhen a component is ULink or uses ULink (ex: UButton), Histoire doesn't work anymore.\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nLink.vue:108 Uncaught (in promise) TypeError: Cannot destructure property 'href' of 'undefined' as it is undefined.\n at Link.vue:108:28\n at Proxy.renderFnWithContext (runtime-core.esm-bundler.js?v=896f4f1e:699:13)\n at Proxy.\u003Canonymous> (components.mjs:12:28)\n at renderComponentRoot (runtime-core.esm-bundler.js?v=896f4f1e:6521:16)\n at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js?v=896f4f1e:5343:46)\n at ReactiveEffect.run (reactivity.esm-bundler.js?v=896f4f1e:198:19)\n at setupRenderEffect (runtime-core.esm-bundler.js?v=896f4f1e:5478:5)\n at mountComponent (runtime-core.esm-bundler.js?v=896f4f1e:5253:7)\n at processComponent (runtime-core.esm-bundler.js?v=896f4f1e:5206:9)\n at patch (runtime-core.esm-bundler.js?v=896f4f1e:4722:11)\n```",[2060,2061,2062],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":1991,"color":1992},3004,"ULink make Histoire crash","2025-03-28T17:36:15Z","https://github.com/nuxt/ui/issues/3004",0.7165886,{"description":2069,"labels":2070,"number":2074,"owner":1994,"repository":1994,"state":2019,"title":2075,"updated_at":2076,"url":2077,"score":2078},"### Describe the feature\n\nApologies if the title is a bit confusing, but picture a dashboard application and a data call that depends on an optional field.\n```ts\n// some id linked to a control on the site\nconst itemId = ref\u003Cnumber>()\n\n// some data based on that id\nconst { data, status } = useFetch(() => `/api/items/${itemId.value}`)\n```\nIf `itemId` changes to a valid value, we want to leverage `useFetch` to automatically redownload this data. However, if `itemId` is null, we don't want to call `/api/items/undefined`.\n\nIn order to achieve this, we need to leverage an `AbortController` with interceptors:\n```ts\nconst controller = new AbortController()\nconst { signal } = controller\nconst { data, status } = useFetch(() => `/api/items/${itemId.value}`, {\n signal,\n onRequest () {\n if (!itemId.value) {\n controller.abort()\n }\n }\n})\n```\nOr, you basically need to manually trigger the execute/watch logic.\n\nNot sure if this would be held up by [this discussion on AbortController shortcut](https://github.com/unjs/ofetch/issues/23#issuecomment-1134481571), but I would expect it would be simple to add an optional option for a callback that is called between the `url` construction and actually executing the request.\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).",[2071],{"name":2072,"color":2073},"pending triage","E99695",31406,"Add request filter to prevent fetch from being trigger in 'invalid' states","2025-03-19T20:18:56Z","https://github.com/nuxt/nuxt/issues/31406",0.7219571,{"description":2080,"labels":2081,"number":2084,"owner":1994,"repository":1995,"state":2019,"title":2085,"updated_at":2086,"url":2087,"score":2088},"### Description\n\nWould like to modify the default dark mode appearance of the UInput component.\n\nThe first name field is unstyled. The last name field shows my attempt to add styles, but to no effect. \n\nThe v2 component apparently had a `inputClass` that allowed the text and background color to be styled. \n\nIs there a v3 equivalent?\n\nThanks\n\nPS. the password fields are both also unstyled -- they just seem to have a different behaviors dependent on whether any text has been entered.\n\n```\n\u003Ctemplate>\n \u003CUContainer class=\"z-10 max-w-md py-10\">\n \u003CUCard class=\"bg-slate-200 shadow-md dark:bg-slate-600\">\n\n \u003Ctemplate #header>\n \u003Cspan class=\"text-center text-xl font-semibold text-gray-900 dark:text-white\">Sign up\u003C/span>\n \u003C/template>\n\n \u003CUForm\n :state=\"formState\"\n :schema=\"signUpSchema\"\n class=\"space-y-4\"\n @submit=\"onSubmit\">\n \u003Cdiv class=\"flex\">\n \u003CUFormField\n label=\"First Name\"\n name=\"firstName\"\n class=\"mr-3 flex-4\">\n \u003CUInput\n v-model=\"formState.firstName\"\n type=\"text\"\n placeholder=\"First Name\"\n icon=\"i-heroicons-user-solid\"/>\n \u003C/UFormField>\n \u003CUFormField\n label=\"Last Name\"\n name=\"lastName\"\n class=\"flex-5\">\n \u003CUInput\n v-model=\"formState.lastName\"\n type=\"text\"\n placeholder=\"Last Name\"\n icon=\"i-heroicons-user-solid\"\n class=\"text-gray-900 dark:text-white\" /> \u003C!-- has no effect -->\n \u003C/UFormField>\n \u003C/div>\n ...\n```\n\n",[2082,2083],{"name":2028,"color":2029},{"name":1988,"color":1989},3136,"Q: how to style the text and background color of the UInput component?","2025-01-18T00:58:37Z","https://github.com/nuxt/ui/issues/3136",0.72325814,{"description":2090,"labels":2091,"number":2095,"owner":1994,"repository":1995,"state":2019,"title":2096,"updated_at":2097,"url":2098,"score":2099},"### Description\n\ncurrently, `overlay.open()` returns a value of type any. possibly infer types from component emits?\n\n```ts\nconst emit = defineEmits\u003C{\n close:[boolean] \n}>\n```\n\nCalling `overlay.open()` should ideally return a `Promise\u003Cboolean>` (or `boolean` directly, depending on the implementation), inferred from the `close` event:\n\n```ts\nconst payload = overlay.open()\n// boolean\n```",[2092,2093,2094],{"name":2005,"color":2006},{"name":1988,"color":1989},{"name":1991,"color":1992},3706,"Infer Return Type of `useOverlay().open` Based on Component Emits","2025-03-28T15:42:49Z","https://github.com/nuxt/ui/issues/3706",0.72548956,["Reactive",2101],{},["Set"],["ShallowReactive",2104],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"rRwGlPFazQ_oXUh-K9z6eVYrvYrU1FzcbfSCzZzrgUc":-1},"/nuxt/ui/2612"]