\n \u003C/NuxtLink>\n \u003C/ClientOnly>\n \u003C/template>\n\n \u003CCustomNavigationMenu :items=\"links\" variant=\"link\" />\n\n \u003Ctemplate #right>\n \u003CThemePicker />\n \u003C/template>\n\n \u003Ctemplate #body>\n \u003CCustomNavigationMenu\n orientation=\"vertical\"\n :items=\"links\"\n />\n \u003C/template>\n \u003C/CustomHeader>\n\u003C/template>\n```\n\nerrors:\n[Vue warn]: Failed to resolve component: UButton\nIf this is a native custom element, make sure to exclude it from component resolution via ...\n[Vue warn]: Failed to resolve component: UContainer\nIf this is a native custom element, make sure to exclude it from component resolution via ...\n[Vue warn]: Failed to resolve component: ULink\nIf this is a native custom element, make sure to exclude it from component resolution via ..\n\n### Description\n\nIf i'm setting a custom prefix in the `ui: {}` config object for the components the UHeader component is unable to resolve its nested components.\n\n### Additional context\n\nI think i've seen issues like this previously also posted, and maybe its some import that is missing.\n\n### Logs\n\n```shell-script\n\n```",[3039,3040,3041,3044],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3042,"color":3043},"nuxt/ui-pro","00dc82",{"name":3026,"color":3027},4371,"closed","custom prefix not working when set with UHeader","2025-06-18T09:09:47Z","https://github.com/nuxt/ui/issues/4371",0.6923855,{"description":3052,"labels":3053,"number":3057,"owner":3029,"repository":3030,"state":3046,"title":3058,"updated_at":3059,"url":3060,"score":3061},"### 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```",[3054,3055,3056],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},4162,"`Input`'s default loading icon needs improvement","2025-05-16T16:06:11Z","https://github.com/nuxt/ui/issues/4162",0.70267576,{"description":3063,"labels":3064,"number":3071,"owner":3029,"repository":3029,"state":3046,"title":3072,"updated_at":3073,"url":3074,"score":3075},"### 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",[3065,3068],{"name":3066,"color":3067},"3.x","29bc7f",{"name":3069,"color":3070},"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":3077,"labels":3078,"number":3082,"owner":3029,"repository":3030,"state":3046,"title":3083,"updated_at":3084,"url":3085,"score":3086},"### 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```",[3079,3080,3081],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3042,"color":3043},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":3088,"labels":3089,"number":3092,"owner":3029,"repository":3029,"state":3046,"title":3093,"updated_at":3094,"url":3095,"score":3096},"### 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_",[3090,3091],{"name":3066,"color":3067},{"name":3069,"color":3070},18986,"Nuxt3 not honoring Components pathPrefix setting","2023-02-13T11:25:50Z","https://github.com/nuxt/nuxt/issues/18986",0.71408623,{"description":3098,"labels":3099,"number":3106,"owner":3029,"repository":3029,"state":3046,"title":3107,"updated_at":3108,"url":3109,"score":3110},"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>",[3100,3103],{"name":3101,"color":3102},"question","cc317c",{"name":3104,"color":3105},"2.x","d4c5f9",174,"Work with vue-awesome","2023-01-18T15:38:32Z","https://github.com/nuxt/nuxt/issues/174",0.714684,{"description":3112,"labels":3113,"number":3119,"owner":3029,"repository":3029,"state":3046,"title":3120,"updated_at":3121,"url":3122,"score":3123},"### 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",[3114,3115,3116],{"name":3066,"color":3067},{"name":3069,"color":3070},{"name":3117,"color":3118},"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":3125,"labels":3126,"number":3134,"owner":3029,"repository":3029,"state":3046,"title":3135,"updated_at":3136,"url":3137,"score":3138},"\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_",[3127,3128,3131],{"name":3069,"color":3070},{"name":3129,"color":3130},"needs reproduction","FBCA04",{"name":3132,"color":3133},"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,{"description":3140,"labels":3141,"number":3150,"owner":3029,"repository":3030,"state":3046,"title":3151,"updated_at":3152,"url":3153,"score":3154},"### Environment\n\nNuxt v3.1.0\n\n### Is this bug related to Nuxt or Vue?\n\nVue\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\nNot sure how to share out an intertia/laravel app.\n\n### Description\n\nI was able to move forward with the Intertia JS improvements with Links, however... I'm trying to use the Header component and the toggle isn't working. I can see in the header.vue component that useRoute is being used, and it' causing the app to not open and close the menu correctly.\n\nI can see it opening for a flash, then closed. I tried doing something manually with watching for the update:open, but I can see this is not the solution... I immediately had issues closing and losing the link focus trap when the menu appears.\n\nI'm using Nuxt UI Pro v3.1.0 - I'm about to purchase a liceense so I can confirm this works with SSR enabled, but I'm blocked with this basic implemention.\n\n```\n \u003CUApp>\n \u003CUHeader mode=\"drawer\">\n \u003Ctemplate #title>\n \u003CApplicationLogo class=\"h-6 w-auto\" />\n \u003C/template>\n\n \u003CUNavigationMenu :items=\"items\" />\n\n \u003Ctemplate #right>\n \u003CUColorModeSelect />\n \u003C/template>\n\n \u003Ctemplate #body>\n \u003CUNavigationMenu :items=\"items\" orientation=\"vertical\" class=\"-mx-2.5\" />\n \u003C/template>\n \u003C/UHeader>\n\u003C/UApp>\n```\n\nI can see this will be a problem with more components...\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3142,3143,3144,3147],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3145,"color":3146},"@nuxt/ui-pro","5BD3CB",{"name":3148,"color":3149},"inertia","b60205",3990,"Header toogle menu not working in an Intertia app (useRoute still being used)","2025-05-04T15:36:46Z","https://github.com/nuxt/ui/issues/3990",0.7245935,["Reactive",3156],{},["Set"],["ShallowReactive",3159],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fYQ7OLFvQMAnd5jVLXoYaaSLPlUGAYoncbTmmXZ08I2Q":-1},"/nuxt/ui/4158"]