\n\u003C/template>\n\n```\n\n**Minimal Reproduction**\nRepro created using Nuxt 3 + Nuxt UI 3 starter structure.\n\npackage.json:\n```json\n{\n \"name\": \"nuxt-app\",\n \"private\": true,\n \"type\": \"module\",\n \"scripts\": {\n \"build\": \"nuxt build\",\n \"dev\": \"nuxt dev\",\n \"generate\": \"nuxt generate\",\n \"preview\": \"nuxt preview\",\n \"postinstall\": \"nuxt prepare\",\n \"lint\": \"eslint .\",\n \"lint:fix\": \"eslint --fix .\"\n },\n \"dependencies\": {\n \"@iconify-json/lucide\": \"^1.2.44\",\n \"@iconify-json/simple-icons\": \"^1.2.35\",\n \"@nuxt/ui\": \"^3.1.1\",\n \"nuxt\": \"^3.17.3\"\n },\n \"devDependencies\": {\n \"@nuxt/eslint\": \"^1.4.1\",\n \"eslint\": \"^9.27.0\",\n \"typescript\": \"^5.8.3\"\n }\n}\n```\n\nNotes\n\t•\tReproduces consistently in local dev.\n\t•\tDoes not reproduce on Codesandbox with the Nuxt UI 3 starter (possibly due to different runtime setup).\n\t•\tNo functional issues observed so far, but the warning pollutes the console.\n\t•\tThis warning has only recently started appearing in the console logs, despite no code changes to this component on our end — possibly introduced in a recent dependency update.\n",[2887,2888,2889],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},4257,"[Vue warn] toRefs() expects a reactive object but received a plain one - \u003CUNavigationMenu />","2025-05-29T23:48:43Z","https://github.com/nuxt/ui/issues/4257",0.7305021,{"description":2896,"labels":2897,"number":2901,"owner":2877,"repository":2878,"state":2879,"title":2902,"updated_at":2903,"url":2904,"score":2905},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.17.1`\n- CLI Version: `3.25.1`\n- Nitro Version: `2.11.11`\n- Package Manager: `pnpm@10.7.0`\n- Builder: `-`\n- User Config: `modules`, `devtools`, `css`, `mdc`, `runtimeConfig`, `routeRules`, `future`, `compatibilityDate`, `vite`, `echo`, `eslint`, `i18n`, `sanctum`\n- Runtime Modules: `@nuxt/eslint@1.3.0`, `@nuxt/ui-pro@3.1.1`, `@nuxt/content@3.5.1`, `@vueuse/nuxt@13.1.0`, `nuxt-auth-sanctum@0.5.8`, `@nuxtjs/i18n@9.3.1`, `nuxt-laravel-echo@0.2.2`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.1.1\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/table#loading\n\n### Description\n\nOn Safari, the border of the table is not visible/moved to the bottom.\n\nThis leaves the loading-indicator to be moved to the bottom.\n\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2898,2899,2900],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},4180,"Border on table header not shown on safari, loading indicator not on the top","2025-05-19T06:46:36Z","https://github.com/nuxt/ui/issues/4180",0.7330906,{"description":2907,"labels":2908,"number":2912,"owner":2877,"repository":2878,"state":2913,"title":2914,"updated_at":2915,"url":2916,"score":2917},"### Environment\n\nN/A\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/input#loading-icon\n\n### Description\n\nBoth icons, the one shown in the example `i-lucide-repeat-2` and the component's default prop, `i-lucide-refresh-cw` look bad when rotated. I think there's a lot of room for improvement, these icons aren't meant to be animated.\n\nLuckily, there are some Lucide icons which _are_ designed to be animated.\n\nHow about https://lucide.dev/icons/loader-circle?\n\nOr https://lucide.dev/icons/loader?\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2909,2910,2911],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},4162,"closed","`Input`'s default loading icon needs improvement","2025-05-16T16:06:11Z","https://github.com/nuxt/ui/issues/4162",0.7026758,{"description":2919,"labels":2920,"number":2927,"owner":2877,"repository":2877,"state":2913,"title":2928,"updated_at":2929,"url":2930,"score":2931},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v16.20.0\r\n- Nuxt Version: 3.6.0\r\n- Nitro Version: 2.5.1\r\n- Package Manager: npm@9.4.2\r\n- Builder: vite\r\n- User Config: css, build, devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\nThis is a stackblitz environment, but it happens in any environment, including linux and windows\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-shjasa\r\n\r\nRun `npm run build && npm run preview`, after which the icon on the button will not display\n\n### Describe the bug\n\nI use the primevue library, and after upgrading nuxt to version 3.6.0 the icons that come with the primeicons font stopped displaying. I noticed that nuxt stopped including them in the final build. On nuxt 3.5.3 and with the same version of primevue it works fine.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nGET https://githubshjasa-azkj--3000--a19575a2.local-credentialless.webcontainer.io/_nuxt/primeicons.3824be50.woff2 net::ERR_ABORTED 404 (Cannot find static asset /_nuxt/primeicons.3824be50.woff2)\r\nGET https://githubshjasa-azkj--3000--a19575a2.local-credentialless.webcontainer.io/_nuxt/primeicons.90a58d3a.woff net::ERR_ABORTED 404 (Cannot find static asset /_nuxt/primeicons.90a58d3a.woff)\r\nGET https://githubshjasa-azkj--3000--a19575a2.local-credentialless.webcontainer.io/_nuxt/primeicons.131bc3bf.ttf 404 (Cannot find static asset /_nuxt/primeicons.131bc3bf.ttf)\n```\n",[2921,2924],{"name":2922,"color":2923},"3.x","29bc7f",{"name":2925,"color":2926},"pending triage","E99695",21799,"Error loading primeicons fonts after updating nuxt to 3.6.0","2023-06-27T12:41:37Z","https://github.com/nuxt/nuxt/issues/21799",0.7073099,{"description":2933,"labels":2934,"number":2940,"owner":2877,"repository":2878,"state":2913,"title":2941,"updated_at":2942,"url":2943,"score":2944},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.11.1\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: npm@10.2.4\n- Builder: -\n- User Config: css, compatibilityDate, devtools, future, modules, runtimeConfig, ssr, typescript\n- Runtime Modules: @nuxt/eslint@1.4.0, @nuxt/fonts@0.11.4, @nuxt/ui-pro@3.1.2, @pinia/nuxt@0.5.5, @vueuse/nuxt@10.11.1, nuxt-auth-utils@0.5.20, nuxt-authorization@0.3.4\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.2\n\n### Reproduction\n\nJust use the code of https://github.com/nuxt-ui-pro/dashboard/blob/main/app/pages/settings.vue and add a child to one of the links used for the UNavigationMenu. Like :\n````\n{\n label: \"General\",\n icon: \"i-lucide-user\",\n to: \"/settings\",\n children: [\n {\n label: \"Hello\",\n icon: \"i-lucide-book-open\",\n },\n ],\n exact: true,\n },\n````\n\n### Description\n\nIt seems wrapping the UNavigationMenu component in UDashboardToolbar will cause the UNavigationMenu's links children dropdown to not appear or be hidden.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2935,2936,2937],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2938,"color":2939},"nuxt/ui-pro","00dc82",4177,"UNavigationMenu item children not visible when wrapped in UDashboardToolbar","2025-05-23T12:23:17Z","https://github.com/nuxt/ui/issues/4177",0.7117696,{"description":2946,"labels":2947,"number":2950,"owner":2877,"repository":2877,"state":2913,"title":2951,"updated_at":2952,"url":2953,"score":2954},"### Environment\n\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v16.14.2`\r\n- Nuxt Version: `3.2.0`\r\n- Nitro Version: `2.2.1`\r\n- Package Manager: `npm@8.5.0`\r\n- Builder: `vite`\r\n- User Config: `target`, `typescript`, `modules`, `piniaPersistedstate`, `components`, `css`, `devServer`, `experimental`, `app`\r\n- Runtime Modules: `@pinia/nuxt@0.4.6`, `@pinia-plugin-persistedstate/nuxt@1.0.0`, `@vueuse/nuxt@9.10.0`, `nuxt-icon@0.1.8`, `@nuxtjs/color-mode@3.2.0`, `@nuxtjs/google-fonts@3.0.0-1`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Reproduction\n\nNone\n\n### Describe the bug\n\nWhen setting **pathPrefix: true/false** for multiple component folders, it does not create the path based component when pathPrefix is set to true. \r\nLike here: The Header in portfolio components folder should be **PortfolioHeader**, but Nuxt sees it as **Header**, with **pathPrefix: true**\r\n_nuxt.config.js_\r\n\r\n_.nuxt/components.d.ts_\r\n\r\n\r\n`[Vue warn]: Failed to resolve component: PortfolioHeader`\r\n\r\nDeleting **.nuxt/** folder doesn't help. **V3.0.0** has the same problem as **V3.2.0**\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2948,2949],{"name":2922,"color":2923},{"name":2925,"color":2926},18986,"Nuxt3 not honoring Components pathPrefix setting","2023-02-13T11:25:50Z","https://github.com/nuxt/nuxt/issues/18986",0.71408623,{"description":2956,"labels":2957,"number":2964,"owner":2877,"repository":2877,"state":2913,"title":2965,"updated_at":2966,"url":2967,"score":2968},"Hi, I am trying to get this awesome framework to work with [vue-awesome](https://github.com/Justineo/vue-awesome) but I can't manage to do it.\r\n\r\nI added this to my nuxt.config.js\r\n`build: {\r\n\t\tvendor: ['vue-awesome']\r\n\t}`\r\n\r\nI added this to my default.vue\r\n\r\n`import Icon from \"vue-awesome/components/Icon.vue\"; \r\n\timport \"vue-awesome/icons\"; `\r\n\r\n`\r\n\texport default {\r\n\t\tcomponents: {\r\n\t\t\tIcon\r\n\t\t}\r\n\t}`\r\n\r\nHowever when I put icon components in my pages, it does not show, but is visible in the chrome dev tools.\r\n\r\nIs there a proper way to do this?\r\n\r\nI am new to Nuxt.\r\nThanks for your help.\r\n\r\n\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/c147\">#c147\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2958,2961],{"name":2959,"color":2960},"question","cc317c",{"name":2962,"color":2963},"2.x","d4c5f9",174,"Work with vue-awesome","2023-01-18T15:38:32Z","https://github.com/nuxt/nuxt/issues/174",0.71468407,{"description":2970,"labels":2971,"number":2977,"owner":2877,"repository":2877,"state":2913,"title":2978,"updated_at":2979,"url":2980,"score":2981},"### Environment\n\nNuxt CLI v3.0.0-rc.8 15:41:12\r\nRootDir: C:/Users/caoduroc/Documents/GitHub/ATOM.Platform/src 15:41:12\r\nNuxt project info: 15:41:12\r\n\r\n------------------------------\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v18.7.0`\r\n- Nuxt Version: `0.0.0`\r\n- Package Manager: `unknown`\r\n- Builder: `webpack`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Reproduction\n\n```json\r\n{\r\n \"private\": true,\r\n \"scripts\": {\r\n \"build\": \"nuxt build\",\r\n \"dev\": \"nuxt dev\",\r\n \"generate\": \"nuxt generate\",\r\n \"preview\": \"nuxt preview\"\r\n },\r\n \"devDependencies\": {\r\n \"@nuxtjs/tailwindcss\": \"^5.3.2\",\r\n \"@pinia/nuxt\": \"^0.4.1\",\r\n \"@types/three\": \"^0.143.2\",\r\n \"c8\": \"^7.12.0\",\r\n \"nuxt\": \"3.0.0-rc.8\",\r\n \"vitest\": \"^0.22.1\"\r\n },\r\n \"dependencies\": {\r\n \"@heroicons/vue\": \"^2.0.10\",\r\n \"pinia\": \"^2.0.21\",\r\n \"three\": \"^0.143.0\"\r\n }\r\n}\r\n```\r\n*app.vue*\r\n```html\r\n\u003Cscript setup lang=\"ts\">\r\nimport { HomeIcon } from '@heroicons/vue/solid';\r\n\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n\u003Cdiv class=\"h-screen\">\r\n \u003CHomeIcon/>\r\n\u003C/div>\r\n\u003C/template>\r\n```\n\n### Describe the bug\n\nVery simple import of an icon from @heroicons not working\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell\nNuxt CLI v3.0.0-rc.8 15:35:43\r\n 15:35:43 \r\n > Local: http://localhost:3000/\r\n > Network: http://192.168.0.3:3000/\r\n > Network: http://172.19.0.1:3000/\r\n\r\nError [ERR_UNSUPPORTED_DIR_IMPORT]: Directory import 'C:\\Users\\caoduroc\\Documents\\GitHub\\ATOM.Platform\\src\\Atom.Web\\src\\node_modules\\@heroicons\\vue\\solid' is not supported resolving ES modules imported from C:\\Users\\caoduroc\\Documents\\GitHub\\ATOM.Platform\\src\\Atom.Web\\src\\.nuxt\\dist\\server\\server.mjs\r\nDid you mean to import @heroicons/vue/solid/index.js?\r\n at new NodeError (node:internal/errors:387:5)\r\n at finalizeResolution (node:internal/modules/esm/resolve:400:17)\r\n at moduleResolve (node:internal/modules/esm/resolve:965:10)\r\n at defaultResolve (node:internal/modules/esm/resolve:1173:11)\r\n at nextResolve (node:internal/modules/esm/loader:173:28)\r\n at ESMLoader.resolve (node:internal/modules/esm/loader:852:30)\r\n at ESMLoader.getModuleJob (node:internal/modules/esm/loader:439:18)\r\n at ESMLoader.import (node:internal/modules/esm/loader:536:22)\r\n at importModuleDynamically (node:internal/modules/esm/translators:110:35)\r\n at importModuleDynamicallyCallback (node:internal/process/esm_loader:35:14) {\r\n code: 'ERR_UNSUPPORTED_DIR_IMPORT',\r\n url: 'file:///C:/Users/caoduroc/Documents/GitHub/ATOM.Platform/src/Atom.Web/src/node_modules/@heroicons/vue/solid'\r\n 15:37:16\r\n ERROR (node:28376) ExperimentalWarning: The Fetch API is an experimental feature. This feature 15:37:20 could change at any time 15:37:21\r\n(Use `node --trace-warnings ...` to show where the warning was created)\r\n\r\ni Tailwind Viewer: http://localhost:3000/_tailwind/\r\n nuxt:tailwindcss 15:37:21 nuxt:tailwindcss 15:37:20\r\ni Vite client warmed up in 1044ms\r\n 15:37:23 could change at any time 15:37:21\r\ni Vite server warmed up in 563ms\r\n 15:37:23\r\n√ Vite server built in 1164ms nuxt:tailwindcss 15:37:21\r\n 15:37:24 15:37:23\r\n√ Nitro built in 379 ms 15:37:23\r\n nitro 15:37:25 15:37:24\r\nError [ERR_UNSUPPORTED_DIR_IMPORT]: Directory import 'C:\\Users\\caoduroc\\Documents\\GitHub\\ATOM.Pl nitro 15:37:25atform\\src\\Atom.Web\\src\\node_modules\\@heroicons\\vue\\solid' is not supported resolving ES modulesatform\\src\\Atom.Web\\src\\node_modules imported from C:\\Users\\caoduroc\\Documents\\GitHub\\ATOM.Platform\\src\\Atom.Web\\src\\.nuxt\\dist\\servuments\\GitHub\\ATOM.Platform\\src\\Atomer\\server.mjs\r\nDid you mean to import @heroicons/vue/solid/index.js?\r\n at new NodeError (node:internal/errors:387:5)\r\n at finalizeResolution (node:internal/modules/esm/resolve:400:17)\r\n at moduleResolve (node:internal/modules/esm/resolve:965:10)\r\n at defaultResolve (node:internal/modules/esm/resolve:1173:11)\r\n at nextResolve (node:internal/modules/esm/loader:173:28)\r\n at ESMLoader.resolve (node:internal/modules/esm/loader:852:30)\r\n at ESMLoader.getModuleJob (node:internal/modules/esm/loader:439:18)\r\n at ESMLoader.import (node:internal/modules/esm/loader:536:22)\r\n at importModuleDynamically (node:internal/modules/esm/translators:110:35)\r\n at importModuleDynamicallyCallback (node:internal/process/esm_loader:35:14) {\r\n code: 'ERR_UNSUPPORTED_DIR_IMPORT',\r\n url: 'file:///C:/Users/caoduroc/Documents/GitHub/ATOM.Platform/src/Atom.Web/src/node_modules/@heroicons/vue/solid'heroicons/vue/solid'\n```\n",[2972,2973,2974],{"name":2922,"color":2923},{"name":2925,"color":2926},{"name":2975,"color":2976},"upstream","E8A36D",14767,"Heroicons not working with Nuxt v3.0.0-rc.8","2023-01-19T17:40:01Z","https://github.com/nuxt/nuxt/issues/14767",0.7222234,{"description":2983,"labels":2984,"number":2992,"owner":2877,"repository":2877,"state":2913,"title":2993,"updated_at":2994,"url":2995,"score":2996},"\n### Environment\n\nNuxt project info: \n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.15.1\n- Nuxt Version: 3.13.2\n- CLI Version: 3.13.2\n- Nitro Version: 2.9.7\n- Package Manager: bun@1.1.8\n- Builder: -\n- User Config: experimental, runtimeConfig, build, devtools, nitro, routeRules, plugins, modules, eslint, pinia, site, delayHydration, i18n, icon, app, content, svgo, sitemap, googleFonts, image, mdc, htmlValidator, compatibilityDate\n- Runtime Modules: @nuxt/ui@2.18.4, @nuxt/image@1.8.0, @nuxt/content@2.13.2, @nuxt/eslint@0.5.7, @nuxtjs/google-fonts@3.2.0, @nuxtjs/fontaine@0.4.3, @nuxtjs/i18n@8.5.5, @nuxtjs/mdc@0.8.3, @nuxtjs/sitemap@6.1.0, @nuxtjs/html-validator@1.8.2, nuxt-delay-hydration@1.3.8, nuxt-svgo@4.0.6, @vueuse/nuxt@11.1.0, @vueuse/motion/nuxt@2.2.5, @pinia/nuxt@0.5.4, @nuxthq/studio@2.0.3, @nuxt/icon@1.5.1, @formkit/auto-animate/nuxt@0.8.2\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nGithub to reproduction: https://github.com/hoachnt/hoachnt-web\n\n### Describe the bug\n\nI don't know what problem is. I try to fix this bug 2 months and think that problem is in nuxt. And yep I saw in the official website of nuxt has same problem\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2985,2986,2989],{"name":2925,"color":2926},{"name":2987,"color":2988},"needs reproduction","FBCA04",{"name":2990,"color":2991},"possible regression","B90A42",29387,"Icons not rendering on production build when mounting","2024-10-15T06:27:30Z","https://github.com/nuxt/nuxt/issues/29387",0.72371453,["Reactive",2998],{},["Set"],["ShallowReactive",3001],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fYQ7OLFvQMAnd5jVLXoYaaSLPlUGAYoncbTmmXZ08I2Q":-1},"/nuxt/ui/4158"]