\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.73406893,{"description":2002,"labels":2003,"number":2010,"owner":1994,"repository":2011,"state":2012,"title":2013,"updated_at":2014,"url":2015,"score":2016},"- [x] Add NuxtLabs official sponsor in footer (like [Symfony](https://symfony.com/) header)\n- [x] Remove color mode toggler\n- [x] Update Links Columns\n- [x] Remove foot footer",[2004,2007],{"name":2005,"color":2006},"design","00bd6f",{"name":2008,"color":2009},"dev","018415",1339,"nuxt.com","closed","Footer update","2023-07-13T09:57:34Z","https://github.com/nuxt/nuxt.com/issues/1339",0.65334886,{"description":2018,"labels":2019,"number":2024,"owner":1994,"repository":1995,"state":2012,"title":2025,"updated_at":2026,"url":2027,"score":2028},"### 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",[2020,2023],{"name":2021,"color":2022},"question","d876e3",{"name":1988,"color":1989},2843,"Neutral Palette classes","2024-12-09T11:12:10Z","https://github.com/nuxt/ui/issues/2843",0.7039115,{"description":2030,"labels":2031,"number":2035,"owner":1994,"repository":1995,"state":2012,"title":2036,"updated_at":2037,"url":2038,"score":2039},"### Environment\n\n- Operating System: Linux\n- Node Version: v23.5.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.8\n- Package Manager: pnpm@10.7.1\n- Builder: -\n- User Config: ssr, compatibilityDate, devtools, future, modules, eslint, vite, css\n- Runtime Modules: @nuxt/ui@3.0.2, @nuxt/eslint@1.3.0, @vueuse/nuxt@13.0.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.2\n\n### Reproduction\n\nhttps://playground.vueuse.org/ --> only reproduction if first visit after deploy\n\nRepo:\nhttps://github.com/vueuse/playground.vueuse.org\n\n- pnpm i\n- pnpm build\n- pnpm preview\n- visit localhost:3000 for the first time\n\nRelevant template:\n\n```vue\n \u003CUIcon name=\"i-logos-vueuse\" class=\"size-8\" />VueUse Playground\n \u003CUSelectMenu icon=\"i-logos-vueuse\" :loading=\"loadingVersions\" />\n \u003CUSelectMenu icon=\"i-logos-vue\" :loading=\"loadingVersions\" />\n```\n\n### Description\n\nSometimes (maybe on first page load). Icons are messed up:\n\n\n\nAfter refresh they are fine again:\n\n\n\nThis is might be an upstream bug?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nno errors in console\n```",[2032,2033,2034],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":1991,"color":1992},3840,"Sometimes icons dont load properly","2025-04-11T12:59:13Z","https://github.com/nuxt/ui/issues/3840",0.7155573,{"description":2041,"labels":2042,"number":2048,"owner":1994,"repository":1995,"state":2012,"title":2049,"updated_at":2050,"url":2051,"score":2052},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.9.0\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.1.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.8, @nuxtjs/i18n@9.0.0-rc.2, @nuxt/content@2.13.4, @nuxtjs/device@3.2.4\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.8\n\n### Reproduction\n\n```\n\u003CUForm\n :state=\"state\"\n :schema=\"schema\"\n class=\"space-y-3\"\n @submit=\"submit\"\n >\n \u003CUFormField\n name=\"text\"\n >\n \u003CUTextarea\n v-model=\"state.text\"\n class=\"w-full\"\n :rows=\"6\"\n size=\"xl\"\n />\n \u003C/UFormField>\n \u003CUFormField\n v-if=\"!authUser\"\n name=\"email\"\n :label=\"$t('label.email')\"\n >\n \u003CUInput\n v-model=\"state.email\"\n icon=\"i-solar-letter-bold-duotone\"\n :placeholder=\"$t('placeholder.enter_email')\"\n @update:model-value=\"state.email = $event || null\"\n />\n \u003C/UFormField>\n \u003CUButton\n block\n type=\"submit\"\n :loading=\"isLoading\"\n :label=\"$t('button.submit')\"\n />\n \u003C/UForm>\n```\n\n### Description\n\nWhy if get error from backend `UForm` set all inputs attr disabled?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2043,2044,2047],{"name":1985,"color":1986},{"name":2045,"color":2046},"needs reproduction","CB47CF",{"name":1988,"color":1989},2612,"if get error from backend `UForm` set all inputs attr disabled","2024-11-13T09:00:48Z","https://github.com/nuxt/ui/issues/2612",0.71688306,{"description":2054,"labels":2055,"number":2065,"owner":1994,"repository":1994,"state":2012,"title":2066,"updated_at":2067,"url":2068,"score":2069},"### Environment\n\nNetlify functions\r\n\r\nNuxt 3.7.4\n\n### Reproduction\n\nAdd this to next.config.ts\r\n\r\n```typescript\r\n{\r\n // ...\r\n nitro: {\r\n \r\n storage: {\r\n precompiled: {\r\n driver: 'fs',\r\n base: 'public/precompiled/',\r\n }\r\n }\r\n },\r\n // ...\r\n}\r\n```\r\nAdd some .bin files to ~/public/precompiled/\r\n\r\nAnd run `\"build:prod\": \"NITRO_PRESET=netlify nuxt build\"` in your netlify function\r\n\r\nNow lest run this API endpoint\r\n\r\n```typescript\r\nconst storage = useStorage(\"precompiled\");\r\nconst vertices = await storage.getItemRaw(\"vertices.bin.gz\");\r\nconsole.log(vertices); // returns null\r\n```\n\n### Describe the bug\n\nstorage.getItemRaw(\"file.bin\") returns null in netlify functions.\n\n### Additional context\n\nIn local environment (npm run dev) works good, but in netlify production simply does not work.\n\n### Logs\n\n_No response_",[2056,2059,2062],{"name":2057,"color":2058},"3.x","29bc7f",{"name":2060,"color":2061},"pending triage","E99695",{"name":2063,"color":2064},"nitro","bfd4f2",23492,"Nitro useStorage with FS driver is broken in Netlify functions","2023-10-01T20:58:32Z","https://github.com/nuxt/nuxt/issues/23492",0.7170473,{"description":2071,"labels":2072,"number":2078,"owner":1994,"repository":1995,"state":2012,"title":2079,"updated_at":2080,"url":2081,"score":2082},"### Description\n\nIs there any easy way to use nested childs in `NavigationMenu` component? I have specific client requirements for 3 levels menu like:\n\n```\nconst items = ref([\n {\n label: 'Guide',\n icon: 'i-lucide-book-open',\n to: '/getting-started',\n children: [\n {\n label: 'Introduction',\n description: 'Fully styled and customizable components for Nuxt.',\n icon: 'i-lucide-house',\n children: [\n {\n label: 'Introduction',\n description: 'Fully styled and customizable components for Nuxt.',\n icon: 'i-lucide-house',\n \n },\n ]\n }\n ]\n```\n\nOr I need repaste and rewrite sections in slots to achieve this?",[2073,2076,2077],{"name":2074,"color":2075},"duplicate","cfd3d7",{"name":2021,"color":2022},{"name":1988,"color":1989},3128,"NavigationMenu and nested childs","2025-01-28T12:07:17Z","https://github.com/nuxt/ui/issues/3128",0.7173427,{"description":2084,"labels":2085,"number":2088,"owner":1994,"repository":1995,"state":2012,"title":2089,"updated_at":2090,"url":2091,"score":2092},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v22.12.0`\n- Nuxt Version: `3.16.0`\n- CLI Version: `3.23.0`\n- Nitro Version: `2.11.6`\n- Package Manager: `pnpm@9.9.0`\n- Builder: `-`\n- User Config: `devtools`, `modules`, `css`, `future`, `compatibilityDate`\n- Runtime Modules: `@nuxt/ui@3.0.0`, `@nuxt/eslint@1.2.0`\n- Build Modules: `-`\n\n### Version\n\nv3.0.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/lingering-night-wl8j66\n\n### Description\n\nWhen items have value `null` or `undefined` and click the select menu, app will throw an error. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nUncaught (in promise) TypeError: Cannot read properties of undefined (reading 'disabled') SelectMenu.vue:379\n at SelectMenu.vue:379:35\n at renderList (runtime-core.esm-bundler.js:2904:16)\n at SelectMenu.vue:1:1\n at renderFnWithContext (runtime-core.esm-bundler.js:692:13)\n at renderSlot (runtime-core.esm-bundler.js:2981:53)\n at ComboboxGroup.vue:38:2\n at renderFnWithContext (runtime-core.esm-bundler.js:692:13)\n at renderSlot (runtime-core.esm-bundler.js:2981:53)\n at ListboxGroup.vue:21:34\n at renderFnWithContext (runtime-core.esm-bundler.js:692:13)\n```",[2086,2087],{"name":1985,"color":1986},{"name":1991,"color":1992},3316,"`USelectMenu`: can not open drop select when options have value `null`","2025-03-15T11:31:45Z","https://github.com/nuxt/ui/issues/3316",0.72524905,{"description":2094,"labels":2095,"number":2098,"owner":1994,"repository":1994,"state":2012,"title":2099,"updated_at":2100,"url":2101,"score":2102},"### Environment\r\n\r\nNuxt project info: 10:45:42\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v16.15.1\r\n- Nuxt Version: 3.6.1\r\n- Nitro Version: 2.5.2\r\n- Package Manager: npm@8.11.0\r\n- Builder: vite\r\n- User Config: pages\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\n```javascript\r\n\u003Cscript setup>\r\n/**\r\n * 请求api接口\r\n * @returns {Promise\u003Cany>}\r\n */\r\nconst getData = async () => {\r\n const { data, pending, error, refresh } = await useFetch('/api/test', {\r\n onResponse({ request, response, options }) {\r\n // 处理响应数据\r\n // localStorage.setItem('token', response._data.token)\r\n console.log(\"响应成功数据:\", response);\r\n }\r\n })\r\n\r\n console.log(\"data:\", data);\r\n}\r\n\r\nonMounted(() => {\r\n getData()\r\n})\r\n\u003C/script>\r\n\r\n```\r\n\r\n### Describe the bug\r\n\r\n### 标题:在 Nuxt 3.0 中,useFetch 的 onResponse 在 onMounted 中无法被执行\r\n\r\n### 描述:\r\n\r\n在我使用 Nuxt 3.0 的 useFetch 功能时,我发现了一个问题。如果我在 onMounted 的生命周期钩子中调用 useFetch,onResponse 似乎无法获取结果,或者说 onResponse 方法没有被执行。然而,如果我直接在 setup 中调用 useFetch,onResponse 就会被执行。这是我的代码:\r\n\r\n```javascript\r\n\u003Cscript setup>\r\n/**\r\n * 请求api接口\r\n * @returns {Promise\u003Cany>}\r\n */\r\nconst getData = async () => {\r\n const { data, pending, error, refresh } = await useFetch('/api/test', {\r\n onResponse({ request, response, options }) {\r\n // 处理响应数据\r\n // localStorage.setItem('token', response._data.token)\r\n console.log(\"响应成功数据:\", response);\r\n }\r\n })\r\n\r\n console.log(\"data:\", data);\r\n}\r\n\r\nonMounted(() => {\r\n getData()\r\n})\r\n\u003C/script>\r\n```\r\n### 重现步骤:\r\n\r\n1. 创建一个新的 Nuxt 3.0 项目。\r\n2. 在 onMounted 的生命周期钩子中调用 useFetch。\r\n3. 观察控制台,无法看到 \"响应成功数据\" 的日志输出。\r\n\r\n**期望的行为:**\r\nonResponse 在 onMounted 中被正确执行,并在控制台输出 \"响应成功数据\"。\r\n\r\n**实际的行为:**\r\nonResponse 在 onMounted 中没有被执行。\r\n\r\n**环境信息:**\r\nNuxt.js 版本:3.0\r\n浏览器版本:Firefox 116.0.3 (64 位)\r\n操作系统:Windows 11\r\nNode.js 版本:16.15.1\r\n\r\n**附加信息:**\r\n我尝试在 setup 中直接调用 useFetch,这时 onResponse 可以被正确执行。\r\n\r\n\r\n\r\n*****\r\n\r\n\r\n\r\n\r\n### Title: In Nuxt 3.0, useFetch's onResponse is not executed in onMounted\r\n\r\n### Description:\r\n\r\nWhile using the useFetch feature in Nuxt 3.0, I encountered a problem. If I call useFetch in the onMounted lifecycle hook, onResponse seems unable to obtain a result, or in other words, the onResponse method is not executed. However, if I call useFetch directly in setup, onResponse is executed. Here is my code:\r\n\r\n```javascript\r\n\u003Cscript setup>\r\n/**\r\n * Request API interface\r\n * @returns {Promise\u003Cany>}\r\n */\r\nconst getData = async () => {\r\n const { data, pending, error, refresh } = await useFetch('/api/test', {\r\n onResponse({ request, response, options }) {\r\n // Processing response data\r\n // localStorage.setItem('token', response._data.token)\r\n console.log(\"Successful response data:\", response);\r\n }\r\n })\r\n\r\n console.log(\"data:\", data);\r\n}\r\n\r\nonMounted(() => {\r\n getData()\r\n})\r\n\u003C/script>\r\n```\r\n### Steps to reproduce:\r\nCreate a new Nuxt 3.0 project.\r\nCall useFetch in the onMounted lifecycle hook.\r\nObserve the console, the \"Successful response data\" log output is not visible.\r\n\r\n### Expected behavior:\r\nonResponse is correctly executed in onMounted, and \"Successful response data\" is output to the console.\r\n\r\n### Actual behavior:\r\nonResponse is not executed in onMounted.\r\n\r\n### Environment Information:\r\nNuxt.js version: 3.0\r\nBrowser version: Firefox 116.0.3 (64-bit)\r\nOperating System: Windows 11\r\nNode.js version: 16.15.1\r\n\r\n### Additional Information:\r\nWhen I try to call useFetch directly in setup, onResponse is correctly executed.\r\n\r\n### Additional context\r\n\r\n完整代码如下(The complete code is as follows):\r\n``` vue\r\n\u003C!-- index.vue -->\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Ch1>欢迎来到我的首页\u003C/h1>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\n/**\r\n * 请求api接口\r\n * @returns {Promise\u003Cany>}\r\n */\r\nconst getData = async () => {\r\n const { data, pending, error, refresh } = await useFetch('/api/test', {\r\n onResponse({ request, response, options }) {\r\n // 处理响应数据\r\n // localStorage.setItem('token', response._data.token)\r\n console.log(\"响应成功数据:\", response);\r\n }\r\n })\r\n\r\n console.log(\"data:\", data);\r\n}\r\n\r\nonMounted(() => {\r\n getData()\r\n})\r\n\r\n\r\n\u003C/script>\r\n\r\n\u003Cstyle scoped>\u003C/style> \r\n``` \r\n\r\n\r\n### Logs\r\n\r\n_No response_",[2096,2097],{"name":2057,"color":2058},{"name":2060,"color":2061},22688,"在 Nuxt 3.0 中,useFetch 的 onResponse 在 onMounted 中无法被执行","2023-12-29T08:03:51Z","https://github.com/nuxt/nuxt/issues/22688",0.72756153,{"description":2104,"labels":2105,"number":2107,"owner":1994,"repository":1994,"state":2012,"title":2108,"updated_at":2109,"url":2110,"score":2111},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v18.20.3\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: compatibilityDate, devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-65dev6?file=pages%2Findex.vue\r\n\r\n\u003Cimg width=\"1308\" alt=\"image\" src=\"https://github.com/user-attachments/assets/4343cec1-014e-4223-8802-942ef3dbc215\">\r\n\n\n### Describe the bug\n\nsorry, I use `useAsyncData` in the onMounted lifecycle, but I find that it is not called. \r\n\r\neg:\r\n```typescript\r\n\u003Cscript setup lang=\"ts\">\r\nonMounted(async () => {\r\n const { data } = await useAsyncData(\r\n () => {\r\n console.log('calling: useAsyncData'); // I tried it on my local computer, but it couldn't print\r\n return Promise.resolve('New Data');\r\n },\r\n {\r\n server: false,\r\n }\r\n );\r\n temp.value = data.value;\r\n});\r\n\u003C/script>\r\n```\r\nRelated questions #28385 \n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2106],{"name":2060,"color":2061},28390,"Question about using useAsyncData in onMounted","2024-08-02T13:56:05Z","https://github.com/nuxt/nuxt/issues/28390",0.7279802,["Reactive",2113],{},["Set"],["ShallowReactive",2116],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"6WINQodHUIy6NqiBLLSgKlU4Vg-NBcjow4DH9MqK3AY":-1},"/nuxt/ui/3706"]