\n\u003C/template>\n```\n\nThis is working when loading the page SSR, but navigating to the page results in errors like this:\n`DR5f3n0Z.js:52 [Icon] failed to load icon 'twemoji:flag-hungary'`\n\nHow can I create the icon names dynamically?",[2918],{"name":2919,"color":2920},"need-repro","A50BA3",321,"icon","Dynamic icon name","2024-12-12T08:54:20Z","https://github.com/nuxt/icon/issues/321",0.79441696,{"description":2928,"labels":2929,"number":2930,"owner":2908,"repository":2922,"state":2910,"title":2931,"updated_at":2932,"url":2933,"score":2934},"According to the [Vue-Iconify Docs](https://iconify.design/docs/icon-components/vue/transform.html#rotation) one can pass a `rotate` and `flip` Prop to transform the Icon, to display it in different orientations.\r\n\r\n```vue\r\n\u003Ctemplate>\r\n \u003CIcon name=\"ic:round-double-arrow\" size=\"26\" :rotate=\"flip && '2'\" />\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,"[Feature Request] Support Iconify Transformations","2024-03-15T09:15:14Z","https://github.com/nuxt/icon/issues/138",0.79535306,{"description":2936,"labels":2937,"number":2947,"owner":2908,"repository":2948,"state":2949,"title":2950,"updated_at":2951,"url":2952,"score":2953},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.11.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.2\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.2.4\n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css\n- Runtime Modules: @nuxt/ui@3.0.0-beta.2\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-beta.2\n\n### Reproduction\n\nHere's a demo (https://codesandbox.io/p/devbox/nuxtui3-bug-3432-sphrpl)\n\n**index.vue**\n```\n\u003Ctemplate>\n \u003CUContainer>\n \u003CFooModal @some-action=\"fnHandleAction\" /> \u003Cbr />\n \u003CUButton @click=\"fnOpenModal\">Open FooModal from code\u003C/UButton>\n \u003C/UContainer>\n\u003C/template>\n\n\u003Cscript lang=\"ts\" setup>\n import { FooModal } from '#components';\n\n const overlay = useOverlay();\n\n const foo = overlay.create(FooModal);\n\n const fnOpenModal = async () => {\n foo.open();\n };\n\n const fnHandleAction = (action) => {\n console.log(\"Handle FooModal action: \", action);\n };\n\u003C/script>\n```\n\n**FooModal**\n```\n\u003Ctemplate>\n \u003CUModal v-model:open=\"open\" title=\"Foobar\">\n \u003CUButton label=\"Open FooModal from modal\" color=\"neutral\" variant=\"subtle\" />\n\n \u003Ctemplate #body>\n \u003CUButton @click=\"click()\" >Submit\u003C/UButton>\n \u003C/template>\n \u003C/UModal>\n\u003C/template>\n\n\u003Cscript lang=\"ts\" setup>\n const open = ref(false);\n\n const emits = defineEmits(['some-action']);\n\n const click = () => {\n console.log(\"clicked from inside the modal\");\n emits('some-action', 'closing'); //emits does not work if Modal opened using useOverlay.\n open.value = false; //closing modal does not work if Modal opened using useOverlay.\n };\n\u003C/script>\n```\n\n### Description\n\nHello Nuxt UI team,\n\nThank you for providing a high-quality UI library. I truly appreciate the effort you put into creating and maintaining it.\n\nI have encountered an issue while using `UModal` in my application. The modal is used to create and/or update database entries, and it needs to be opened in two different ways:\n\n1. Via a `UButton` that is always present on the screen (provided by the modal itself).\n2. Programmatically, through a link in a dropdown menu, using `useOverlay`.\n\nWhen the modal is opened using the first method, everything works as expected. However, when it is opened programmatically using the second method, the modal does not behave the same way. Specifically:\n\n- I am unable to trigger an `emit` to notify the parent component that the update was successful.\n- The modal does not close properly using the `open.value = false` technique.\n\nI am unsure if this behavior is intentional or a bug. I was under the impression that `UModal` and `useOverlay` should work seamlessly together and exhibit consistent behavior. Could you please confirm whether this is a valid concern?\n\nThank you for your time and attention to this matter. I look forward to your guidance.\n\n**Note**: You'll also notice that the button within the modal appears on the screen when opened using `useOverlay`. It would be helpful if it could be hidden automatically, but I believe this is something I can control easily. As such, I do not consider this to be a bug.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2938,2941,2944],{"name":2939,"color":2940},"bug","d73a4a",{"name":2942,"color":2943},"v3","49DCB8",{"name":2945,"color":2946},"triage","ffffff",3432,"ui","closed","UModal and useOverlay compatibility Issue","2025-03-11T13:57:03Z","https://github.com/nuxt/ui/issues/3432",0.7723248,{"description":2955,"labels":2956,"number":2961,"owner":2908,"repository":2948,"state":2949,"title":2962,"updated_at":2963,"url":2964,"score":2965},"### Description\n\nHi I have a mobile layout where I have a navbar stuck to the bottom of my screen which I want always visible. However when I use a UDrawer which comes out from the bottom it covers my navbar. I tried setting z-indexes in different places but it didn't seem to affect the UDrawer being overlayed on top of everything. \n\nWhich setting would be best to use to achieve this layout?",[2957,2960],{"name":2958,"color":2959},"question","d876e3",{"name":2942,"color":2943},4159,"Can I set the z-index of UDrawer?","2025-06-02T20:25:58Z","https://github.com/nuxt/ui/issues/4159",0.77554804,{"description":2967,"labels":2968,"number":2976,"owner":2908,"repository":2977,"state":2949,"title":2978,"updated_at":2979,"url":2980,"score":2981},"It would be preferable that the module use the protocol that is specified in either the vitest config or nuxt config.\r\n\r\nhttps://github.com/danielroe/nuxt-vitest/blob/178c11865380b0cadb4c4af196486ebba308d3a9/packages/nuxt-vitest/src/module.ts#L49\r\n\r\nThis is resulting in the dev tools being unable to show the proper page for the ui:\r\n\r\n\r\n",[2969,2970,2973],{"name":2939,"color":2940},{"name":2971,"color":2972},"good first issue","7057ff",{"name":2974,"color":2975},"vitest-environment","b60205",548,"test-utils","devtools iframe not able to run in https","2023-12-05T15:29:38Z","https://github.com/nuxt/test-utils/issues/548",0.7782434,{"description":2983,"labels":2984,"number":2990,"owner":2908,"repository":2948,"state":2949,"title":2991,"updated_at":2992,"url":2993,"score":2994},"### Description\n\nHello,\n\nI've spent the last couple of hours trying to implement right-click functionality on UTable rows. I've reviewed existing issues but couldn't find a solution that fits this need.\n\nWhat I want to achieve is to show a UContextMenu with actions related to the clicked row when the user right-clicks on it.\n\nCurrently, there is no way I could find to detect right-click events on individual rows along with their row data. If UTable had a #row slot or a dedicated @click.right event that provides the clicked row’s data, this would be easily achievable.\n\nIf there is any workaround or method to implement this right-click behavior on rows with access to row data, I would really appreciate if someone could share it.\n\nThank you!\n\n\n\n### Additional context\n\n_No response_",[2985,2988,2989],{"name":2986,"color":2987},"enhancement","a2eeef",{"name":2942,"color":2943},{"name":2945,"color":2946},4259,"Add support for @click.right event on UTable rows to enable context menus","2025-07-01T11:16:40Z","https://github.com/nuxt/ui/issues/4259",0.7845983,{"description":2996,"labels":2997,"number":3000,"owner":2908,"repository":2948,"state":2949,"title":3001,"updated_at":3002,"url":3003,"score":3004},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v20.16.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.1\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.8.1\n- Builder: -\n- User Config: devtools, compatibilityDate, modules, app, css, colorMode, svgSprite, future, imports, runtimeConfig, ssr\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.13, @nuxt/eslint@1.1.0, @nuxt/icon@1.10.3, @nuxtjs/svg-sprite@1.0.2, @nuxt/image@1.9.0, @vueuse/nuxt@12.7.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.13\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/stupefied-roentgen-y6tdsd\n\n### Description\n\n### Help Nuxt ui 3 table not reactive\n\nWhen I click the button, the table doesn't update. However, when I print the array object, the data is added, but the table still does not update\n\nhttps://codesandbox.io/p/devbox/stupefied-roentgen-y6tdsd\n\nThank you for help\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2998,2999],{"name":2939,"color":2940},{"name":2942,"color":2943},3377,"UI Table is not reactive","2025-02-27T21:19:42Z","https://github.com/nuxt/ui/issues/3377",0.7909015,{"description":3006,"labels":3007,"number":3011,"owner":2908,"repository":2977,"state":2949,"title":3012,"updated_at":3013,"url":3014,"score":3015},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v18.18.0`\r\n- Nuxt Version: `3.9.0`\r\n- CLI Version: `3.10.0`\r\n- Nitro Version: `2.8.1`\r\n- Package Manager: `bun@1.0.20`\r\n- Builder: `-`\r\n- User Config: `devtools`, `modules`, `primevue`, `css`, `components`, `imports`, `i18n`, `supabase`, `runtimeConfig`, `experimental`, `vite`, `testUtils`\r\n- Runtime Modules: `@vueuse/nuxt@10.7.1`, `@nuxtjs/supabase@1.1.4`, `@nuxtjs/eslint-module@4.1.0`, `@nuxtjs/i18n@8.0.0-rc.5`, `@nuxtjs/stylelint-module@5.1.0`, `@pinia/nuxt@0.5.1`, `@pinia-plugin-persistedstate/nuxt@1.2.0`, `@element-plus/nuxt@1.0.7`, `nuxt-icon@0.6.8`, `@samk-dev/nuxt-vcalendar@1.0.2`, `@nuxt/image@1.1.0`, `nuxt-primevue@0.2.2`, `dayjs-nuxt@2.1.9`, `@nuxt/test-utils/module@3.9.0`\r\n- Build Modules: `-`\r\n\r\n\r\n### Reproduction\r\n\r\nupdate the package to 3.9.0. and put '@nuxt/test-utils/module' into modules in nuxt.config.\r\nthen in some reasons, it goes error when nuxt modules trying to import explicitly from #imports or #build.\r\n\r\n### Describe the bug\r\n\r\nI just updated test-utils as nuxt-vitest archived, and set config like you mentioned.\r\nand running nuxt, it goes error.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n```shell-script\r\nCould not resolve \"#imports\"\r\n\r\n node_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs:5:46:\r\n 5 │ import { defineComponent, useRouter, h } from '#imports';\r\n ╵ ~~~~~~~~~~\r\n\r\n You can mark the path \"#imports\" as external to exclude it from the bundle, which will remove this\r\n error and leave the unresolved path in the bundle.\r\n\r\n✘ [ERROR] Could not resolve \"#build/root-component.mjs\"\r\n\r\n node_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs:6:21:\r\n 6 │ import NuxtRoot from '#build/root-component.mjs';\r\n ╵ ~~~~~~~~~~~~~~~~~~~~~~~~~~~\r\n\r\n You can mark the path \"#build/root-component.mjs\" as external to exclude it from the bundle, which\r\n will remove this error and leave the unresolved path in the bundle.\r\n-------------------------------------------\r\nerror while updating dependencies: 2:11:00 PM\r\nError: Build failed with 2 errors:\r\nnode_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs:5:46: ERROR: Could not resolve \"#imports\"\r\nnode_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs:6:21: ERROR: Could not resolve \"#build/root-component.mjs\"\r\n```\r\n",[3008],{"name":3009,"color":3010},"pending triage","5D08F5",681,"Error occurred after updating 3.9","2024-08-02T12:51:47Z","https://github.com/nuxt/test-utils/issues/681",0.79360956,{"description":3017,"labels":3018,"number":3021,"owner":2908,"repository":2948,"state":2949,"title":3022,"updated_at":3023,"url":3024,"score":3025},"",[3019,3020],{"name":2939,"color":2940},{"name":2942,"color":2943},2338,"[Tabs] Height shifts of 1px between `pill` and `link` variants","2024-10-28T09:49:02Z","https://github.com/nuxt/ui/issues/2338",0.7936991,["Reactive",3027],{},["Set"],["ShallowReactive",3030],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f8mfkgG2ZHx6kC_OPvpRw0sUx3MC1P77zPoGOVsedXKg":-1},"/nuxt/ui/4199"]