\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\nconst flip = ref(false);\r\n\u003C/script>\r\n```\r\n\r\nWhile this works fine with nuxt-icon during development, it breaks in a Prod build. The transformations no longer get applied.\r\n\r\nIt would be great if nuxt-icon could also support these props, if possible. I'm open to help with this issue if someone could give me some pointers where to start.",[],138,"nuxt","icon","open","[Feature Request] Support Iconify Transformations","2024-03-15T09:15:14Z","https://github.com/nuxt/icon/issues/138",0.73768485,{"description":2876,"labels":2877,"number":2887,"owner":2868,"repository":2888,"state":2870,"title":2889,"updated_at":2890,"url":2891,"score":2892},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.14.0\n- Nuxt Version: 3.17.1\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.11\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: compatibilityDate, future, devtools, app, runtimeConfig, hooks, components, modules, eslint, ui, css, telemetry\n- Runtime Modules: @nuxt/eslint@1.3.0, @nuxt/ui@3.1.1, @pinia/nuxt@0.11.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.1\n\n### Reproduction\n\n1. Add a `USelect` component to a page with any example from the official doc: https://ui.nuxt.com/components/select\n2. Start dev mode: `npm run dev`\n3. Opens the page and try interact with the select element with **Vue dev tool opened**\n\n### Description\n\nThe `USelect` component responds really slow upon user clicks (20+ seconds to open/close for a select with 100+ items), this also applies to some other components such as `UDropdownMenu` and `USelectMenu`.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2878,2881,2884],{"name":2879,"color":2880},"bug","d73a4a",{"name":2882,"color":2883},"v3","49DCB8",{"name":2885,"color":2886},"triage","ffffff",4142,"ui","USelect and USelectMenu responds really slow when Vue devtool is opened","2025-05-13T13:28:11Z","https://github.com/nuxt/ui/issues/4142",0.75359803,{"description":2894,"labels":2895,"number":2899,"owner":2868,"repository":2888,"state":2870,"title":2900,"updated_at":2901,"url":2902,"score":2903},"### Environment\n\n```\n System:\n OS: macOS 15.5\n CPU: (14) arm64 Apple M3 Max\n Memory: 555.83 MB / 36.00 GB\n Shell: 5.9 - /bin/zsh\n Binaries:\n Node: 23.11.0 - /opt/homebrew/bin/node\n Yarn: 1.22.22 - /opt/homebrew/bin/yarn\n npm: 10.9.2 - /opt/homebrew/bin/npm\n pnpm: 9.12.3 - /opt/homebrew/bin/pnpm\n Watchman: 2025.04.28.00 - /opt/homebrew/bin/watchman\n npmPackages:\n nuxt: ^3.17.3 => 3.17.4 \n```\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.17.4\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/nuxt-ui3-n3sxks\n\n### Description\n\nWhen using the UNavigationMenu component from Nuxt UI 3 in a fresh Nuxt 3 app, the following warning appears in the browser console:\n\n```shell-script\n> [Vue warn] toRefs() expects a reactive object but received a plain one.\n```\n\nThis occurs even when rendering the component barebones:\n\n**pages/index.vue:**\n\n```vue\n\u003Cscript setup lang=\"ts\">\nimport type { NavigationMenuItem } from '@nuxt/ui'\n\nconst items = ref\u003CNavigationMenuItem[]>([\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 },\n {\n label: 'Installation',\n description: 'Learn how to install and configure Nuxt UI in your application.',\n icon: 'i-lucide-cloud-download'\n },\n {\n label: 'Icons',\n icon: 'i-lucide-smile',\n description: 'You have nothing to do, @nuxt/icon will handle it automatically.'\n },\n {\n label: 'Colors',\n icon: 'i-lucide-swatch-book',\n description: 'Choose a primary and a neutral color from your Tailwind CSS theme.'\n },\n {\n label: 'Theme',\n icon: 'i-lucide-cog',\n description: 'You can customize components by using the `class` / `ui` props or in your app.config.ts.'\n }\n ]\n },\n {\n label: 'Composables',\n icon: 'i-lucide-database',\n to: '/composables',\n children: [\n {\n label: 'defineShortcuts',\n icon: 'i-lucide-file-text',\n description: 'Define shortcuts for your application.',\n to: '/composables/define-shortcuts'\n },\n {\n label: 'useOverlay',\n icon: 'i-lucide-file-text',\n description: 'Display a modal/slideover within your application.',\n to: '/composables/use-overlay'\n },\n {\n label: 'useToast',\n icon: 'i-lucide-file-text',\n description: 'Display a toast within your application.',\n to: '/composables/use-toast'\n }\n ]\n },\n {\n label: 'Components',\n icon: 'i-lucide-box',\n to: '/components',\n active: true,\n children: [\n {\n label: 'Link',\n icon: 'i-lucide-file-text',\n description: 'Use NuxtLink with superpowers.',\n to: '/components/link'\n },\n {\n label: 'Modal',\n icon: 'i-lucide-file-text',\n description: 'Display a modal within your application.',\n to: '/components/modal'\n },\n {\n label: 'NavigationMenu',\n icon: 'i-lucide-file-text',\n description: 'Display a list of links.',\n to: '/components/navigation-menu'\n },\n {\n label: 'Pagination',\n icon: 'i-lucide-file-text',\n description: 'Display a list of pages.',\n to: '/components/pagination'\n },\n {\n label: 'Popover',\n icon: 'i-lucide-file-text',\n description: 'Display a non-modal dialog that floats around a trigger element.',\n to: '/components/popover'\n },\n {\n label: 'Progress',\n icon: 'i-lucide-file-text',\n description: 'Show a horizontal bar to indicate task progression.',\n to: '/components/progress'\n }\n ]\n },\n {\n label: 'GitHub',\n icon: 'i-simple-icons-github',\n badge: '3.8k',\n to: 'https://github.com/nuxt/ui',\n target: '_blank'\n },\n {\n label: 'Help',\n icon: 'i-lucide-circle-help',\n disabled: true\n }\n])\n\u003C/script>\n\u003Ctemplate>\n \u003CUNavigationMenu :items=\"items\" class=\"w-full justify-center\" />\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",[2896,2897,2898],{"name":2879,"color":2880},{"name":2882,"color":2883},{"name":2885,"color":2886},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.7627833,{"description":2905,"labels":2906,"number":2914,"owner":2868,"repository":2888,"state":2915,"title":2916,"updated_at":2917,"url":2918,"score":2919},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v22.13.1\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.8\n- Package Manager: pnpm@10.8.1\n- Builder: -\n- User Config: app, compatibilityDate, css, devtools, devServer, eslint, imports, modules, nitro, runtimeConfig, sourcemap, ssr, fonts, icon, ui, colorMode\n- Runtime Modules: @nuxt/eslint@1.3.0, @nuxt/ui@3.0.2, @vueuse/nuxt@13.0.0\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.16.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/amazing-cdn-vgydgy\n\n### Description\n\nI want to close `UContextMenu` programmatically by setting `v-model:open` to `false`, but it doesn’t close the menu as expected.\n\n## Reproduction:\n```\n\u003Ctemplate>\n \u003Cdiv class=\"flex flex-col items-center justify-center gap-4 h-screen\">\n \u003CUContextMenu v-model:open=\"contextMenuOpen\" :items=\"menuItems\">\n \u003Cdiv class=\"w-50 h-20 border-1 rounded flex items-center justify-center bg-slate-500\">Right Click Here\u003C/div>\n \u003C/UContextMenu>\n \u003Cdiv class=\"mt-5\">contextMenuOpen: {{contextMenuOpen}}\u003C/div>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript lang=\"ts\" setup>\nconst contextMenuOpen = ref(false)\n\nconst menuItems = [[\n {\n label: 'Item1'\n },\n {\n label: 'Item2'\n }\n]]\n\nwatch(contextMenuOpen,(newValue)=>{\n if(newValue){\n setTimeout(()=>{\n contextMenuOpen.value = false\n }, 3000)\n }\n})\n\u003C/script>\n```\n\n## What happens\nAfter opening the context menu and waiting for 3 seconds, `contextMenuOpen` is set to `false`, but the menu remains open.\n\n## What I expected\nWhen `contextMenuOpen` becomes `false`, the context menu should close.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2907,2910,2911],{"name":2908,"color":2909},"enhancement","a2eeef",{"name":2882,"color":2883},{"name":2912,"color":2913},"reka-ui","56d799",4107,"closed","Cannot close `UContextMenu` programmatically via `v-model:open` = false","2025-05-10T15:45:52Z","https://github.com/nuxt/ui/issues/4107",0.69384736,{"description":2921,"labels":2922,"number":2926,"owner":2868,"repository":2888,"state":2915,"title":2927,"updated_at":2928,"url":2929,"score":2930},"### Environment\n\nNuxt: 3.15.0\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\nhttps://codesandbox.io/p/sandbox/lucid-shape-9kk73c\n\n### Description\n\n\nDropdownMenu actions will not work after Udrawer closed.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2923,2924,2925],{"name":2879,"color":2880},{"name":2882,"color":2883},{"name":2885,"color":2886},3067,"UDrawer UDropdownMenu actions conflict","2025-05-23T13:35:59Z","https://github.com/nuxt/ui/issues/3067",0.7283097,{"description":2932,"labels":2933,"number":2934,"owner":2868,"repository":2869,"state":2915,"title":2935,"updated_at":2936,"url":2937,"score":2938},"### Environment\r\n\r\n- Operating System: Linux\r\n- Node Version: v21.7.1\r\n- Nuxt Version: 3.11.1\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.5\r\n- Package Manager: bun@1.1.0\r\n- Builder: -\r\n- User Config: devtools, modules\r\n- Runtime Modules: @nuxt/content@2.12.1, nuxt-icon@0.6.10\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nGitHub repo here: https://github.com/kbrgmn/nuxt-content-icon-reproduction (as the browser freezes/crashes, stackblitz does not work well here)\r\n\r\nVery minimal reproduction:\r\n- a single page `[...slug].vue`:\r\n```vue\r\n\u003Ctemplate>\r\n \u003CContentDoc/>\r\n\u003C/template>`)\r\n```\r\n- 2 components\r\n\r\nthe first of which is:\r\n```vue\r\n\u003Ctemplate>\r\n \u003CIcon name=\"heroicons:information-circle\"/>\r\n\u003C/template>\r\n```\r\n\r\nthe second component is:\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Cp>Different component here\u003C/p>\r\n \u003Cdiv>\r\n \u003Cslot/>\r\n \u003C/div>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n- 1 single simple content markdown page using the two components:\r\n```md\r\n# Issue reproduction\r\n\r\nFirst component (icon):\r\n::ComponentWithIcon\r\n::\r\n\r\n::SecondComponent\r\nWe have some more content here\r\n- nsetetur sadipscing elitr,\r\n::\r\n```\r\n\r\n### Describe the bug\r\n\r\nWhen the page is visited (in dev mode with `bun dev`), it completely freezes up (both Firefox and Chrome), \r\nwith no text being selectable, developer console not opening if it hasn't already been opened or opening blank, browser not even closing properly, and this warning is printed hundreds of times repeatedly in the console:\r\n```\r\nAvoid app logic that relies on enumerating keys on a component instance.\r\nThe keys will be empty in production mode to avoid performance overhead.\r\n```\r\n(the reproduction does not have a single \u003Cscript> tag in the whole repository)\r\n\r\nHowever, this issue does not occur when a production build is being done with `bun run build`.\r\n**When the first component (the nuxt-icon) is removed, the issue does not occur.**\r\n\r\n### Logs\r\n\r\nNo warnings / errors are outputted in the terminal where `nuxt dev` is run.\r\n",[],150,"Freezes up in Nuxt Content","2024-06-26T21:21:31Z","https://github.com/nuxt/icon/issues/150",0.73686504,{"description":2940,"labels":2941,"number":2950,"owner":2868,"repository":2888,"state":2915,"title":2951,"updated_at":2952,"url":2953,"score":2954},"### 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```",[2942,2943,2944,2947],{"name":2879,"color":2880},{"name":2882,"color":2883},{"name":2945,"color":2946},"@nuxt/ui-pro","5BD3CB",{"name":2948,"color":2949},"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.7370788,{"description":2956,"labels":2957,"number":2961,"owner":2868,"repository":2888,"state":2915,"title":2962,"updated_at":2963,"url":2964,"score":2965},"### Environment\n\nOperating System: Darwin\nNode Version: v22.14.0\nNuxt Version: 3.17.4\nCLI Version: 3.25.1\nNitro Version: 2.11.12\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.3\n\n### Description\n\nHi,\nIt seems that the `modal` and `portal` options for the `UDropdownMenu` component aren't working. I set them to `false`, but nothing changed.\nHere is my code:\n```\n\u003CUDropdownMenu \n :items=\"items\"\n arrow\n size=\"nm\"\n :content=\"{\n align: 'center',\n side: 'bottom',\n }\"\n :ui=\"{\n content: 'min-w-54 z-50'\n }\"\n :portal=\"false\"\n :modal=\"false\">\n...\n\u003C/UDropdownMenu>\n```",[2958,2959,2960],{"name":2879,"color":2880},{"name":2882,"color":2883},{"name":2885,"color":2886},4282,"Portal and Modal options doesn't work for UDropdownMenu","2025-06-04T13:38:42Z","https://github.com/nuxt/ui/issues/4282",0.7521331,{"description":2967,"labels":2968,"number":1665,"owner":2868,"repository":2973,"state":2915,"title":2974,"updated_at":2975,"url":2976,"score":2977},"",[2969,2970],{"name":2908,"color":2909},{"name":2971,"color":2972},"provider","1161A4","fonts","adobe fonts provider","2024-03-12T23:29:19Z","https://github.com/nuxt/fonts/issues/11",0.7522745,{"description":2979,"labels":2980,"number":2983,"owner":2868,"repository":2888,"state":2915,"title":2984,"updated_at":2985,"url":2986,"score":2987},"### Environment\n\n- Operating System: Darwin\n- Node Version: v18.20.6\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: yarn@1.22.22\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.13\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/modest-agnesi-drlrh4?file=%2Fapp%2Fpages%2Findex.vue%3A24%2C24\n\n### Description\n\nWhen I close a `UDrawer` that I opened via an action from a `UDropdownMenu`, the style on my \u003Cbody> tag still contains `overflow: hidden` and `user-select: none`, which prevents interaction with the page.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2981,2982],{"name":2879,"color":2880},{"name":2882,"color":2883},3406,"User interaction lock after a Drawer/DropdownMenu","2025-02-27T20:57:27Z","https://github.com/nuxt/ui/issues/3406",0.75377065,["Reactive",2989],{},["Set"],["ShallowReactive",2992],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fW7JfExw9oWDtxVSCx0XRjTBTy6fD80KVl343QFr-_o8":-1},"/nuxt/icon/163"]