\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?",[2867],{"name":2868,"color":2869},"need-repro","A50BA3",321,"nuxt","icon","open","Dynamic icon name","2024-12-12T08:54:20Z","https://github.com/nuxt/icon/issues/321",0.73207146,{"description":2879,"labels":2880,"number":2890,"owner":2871,"repository":2891,"state":2873,"title":2892,"updated_at":2893,"url":2894,"score":2895},"### Environment\n\nNuxt UI pro v 3.1.0\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/input-menu#control-search-term\n\n### Description\n\nHello, \n\nI am reopening an issue based on https://github.com/nuxt/ui/issues/3782\n\nI still have an issue on the InputMenu that filters with the default value.\n\nAs a reproduction : we can see the same behavior I am facing in the documentation : https://ui.nuxt.com/components/input-menu#control-search-term . \n\n1) => The first click on InputMenu shows only the seacherd term (here Backlog)\n2) => If I close the popover and reopen it a second time, it shows the entire list.\n\nI tried the :reset-search-term-on-select=\"false\" , it allows to display the entire list at 1st click but it leads to not showing the default selected value (the placeholder is displayed).\n\nActually, I am looking to display the entire list at first click, even if a value is already selected.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2881,2884,2887],{"name":2882,"color":2883},"bug","d73a4a",{"name":2885,"color":2886},"v3","49DCB8",{"name":2888,"color":2889},"triage","ffffff",3993,"ui","InputMenu Clear Search on Select at first click","2025-04-27T12:37:04Z","https://github.com/nuxt/ui/issues/3993",0.7745472,{"description":2897,"labels":2898,"number":2903,"owner":2871,"repository":2891,"state":2904,"title":2905,"updated_at":2906,"url":2907,"score":2908},"### Description\n\nAs it is today, when you change the neutral color on dark mode, the whole background changes, which I personally love.\n\nI think it would be nice if that happened on light mode as well. So instead of using #fff, using neutral-50.\n\nWould that make sense?\n\nI'm willing to contribute if this suggestion is accepted.\n\n### Additional context\n\n_No response_",[2899,2902],{"name":2900,"color":2901},"enhancement","a2eeef",{"name":2885,"color":2886},3189,"closed","Change light-mode body bg-color from white to neutral-50","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3189",0.72543246,{"description":2910,"labels":2911,"number":2916,"owner":2871,"repository":2891,"state":2904,"title":2917,"updated_at":2918,"url":2919,"score":2920},"### Description\n\nHi guys, I’d like to increase the height of all components (**buttons**, **selects** etc…) to **40px**, so there already 2 methods:\n- manually add styles inside the theme config \n- use XL prop class\n\nIs there any performance difference between the 2? Meaning what’s the best way to do it?\nThanks 🙏 ",[2912,2915],{"name":2913,"color":2914},"question","d876e3",{"name":2885,"color":2886},3433,"Components styling performance","2025-03-28T17:41:38Z","https://github.com/nuxt/ui/issues/3433",0.7532747,{"description":2922,"labels":2923,"number":2926,"owner":2871,"repository":2891,"state":2904,"title":2927,"updated_at":2928,"url":2929,"score":2930},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nI want to customize my `app.config.ts` file from an external source.\n\nConsider the following:\n\n```ts\n// plugins/config.ts\n\nexport default defineNuxtPlugin({\n async setup(nuxtapp) {\n const config = await fetchConfig()\n // output: {ui: {primary: \"violet\", button: {slots: {base: \"hidden\"}}}}\n\n if (config?.app_config) {\n updateAppConfig(config.app_config);\n }\n },\n});\n```\n\nThe primary color is updated correctly, but the `hidden` class is not applied to buttons.\nAny ideas why?",[2924,2925],{"name":2900,"color":2901},{"name":2885,"color":2886},2828,"Runtime component customization with updateAppConfig","2025-04-12T15:53:05Z","https://github.com/nuxt/ui/issues/2828",0.75360525,{"description":2932,"labels":2933,"number":2938,"owner":2871,"repository":2891,"state":2904,"title":2939,"updated_at":2940,"url":2941,"score":2942},"### Description\r\n\r\nFor elements like UAvatar that use images, it would be a good idea to integrate with Nuxt Image for those who have it installed to benefit from image optimizations like setting image format, applying modifiers, and all the other features that Nuxt Image offers.\r\n\r\n### Additional context\r\n\r\n_No response_",[2934,2935,2937],{"name":2900,"color":2901},{"name":2936,"color":2889},"wontfix-v2",{"name":2885,"color":2886},2078,"[Avatar] Integration with Nuxt Image for built in image optimization","2024-11-07T12:02:04Z","https://github.com/nuxt/ui/issues/2078",0.75465465,{"description":2944,"labels":2945,"number":2949,"owner":2871,"repository":2871,"state":2904,"title":2950,"updated_at":2951,"url":2952,"score":2953},"mode = 'spa'\r\n\r\nresponse has a MIME type (\"text/html\") that is not \"text/event-stream\"\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8777\">#c8777\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2946],{"name":2947,"color":2948},"2.x","d4c5f9",5167,"response has a MIME type (\"text/html\") that is not \"text/event-stream\"","2023-01-18T20:10:44Z","https://github.com/nuxt/nuxt/issues/5167",0.76008904,{"description":2955,"labels":2956,"number":2961,"owner":2871,"repository":2871,"state":2904,"title":2962,"updated_at":2963,"url":2964,"score":2965},"https://snyk.io/vuln/npm:mime:20170907\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1840\">#c1840\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2957,2960],{"name":2958,"color":2959},"available soon","6de8b0",{"name":2947,"color":2948},2074,"upgrade mime to 2.0.3","2023-01-18T15:43:03Z","https://github.com/nuxt/nuxt/issues/2074",0.76505214,{"description":2967,"labels":2968,"number":2971,"owner":2871,"repository":2891,"state":2904,"title":2972,"updated_at":2906,"url":2973,"score":2974},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.3.0\n- Nuxt Version: 3.15.0\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.2.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.10, @nuxt/eslint@0.7.4, @nuxt/image@1.8.1\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.15.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/nuxt-ui3-forked-87nr2y\n\n### Description\n\nThis is pretty cut and dry. The current link generated for \"Next\" is the same as \"Last\":\n```\n \u003CPaginationNext v-if=\"showControls || !!slots.next\" as-child>\n \u003Cslot name=\"next\">\n \u003CUButton :color=\"color\" :variant=\"variant\" :size=\"size\" :icon=\"nextIcon\" :to=\"page \u003C pageCount ? to?.(pageCount) : undefined\" />\n \u003C/slot>\n \u003C/PaginationNext>\n \u003CPaginationLast v-if=\"showControls || !!slots.last\" as-child>\n \u003Cslot name=\"last\">\n \u003CUButton :color=\"color\" :variant=\"variant\" :size=\"size\" :icon=\"lastIcon\" :to=\" to?.(pageCount)\" />\n \u003C/slot>\n \u003C/PaginationLast>\n```\n\nA change as simple as `:to=\"page \u003C pageCount ? to?.(page + 1) : undefined` is all the love it needs.\n\n(I've never been involved with GitHub much, so please forgive me for not PR'ing or getting anything wrong in this bug report.)\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2969,2970],{"name":2882,"color":2883},{"name":2885,"color":2886},3008,"UPagination: \"Next\" link navigates to \"Last\"","https://github.com/nuxt/ui/issues/3008",0.76572096,{"description":2976,"labels":2977,"number":2986,"owner":2871,"repository":2871,"state":2904,"title":2987,"updated_at":2988,"url":2989,"score":2990},"### Describe the feature\n\nWhen trying to setup my metadata, I need to inject some JS (GTM stuff), so I did use the \u003CScript> tag, but was surprised to see, that you are required to use the children prob and cant use the textContent/default slot, is there any reason for that?\r\n\r\nI tested locally that adding \r\n```js\r\n setup: setupForUseMeta((props, { slots }) => {\r\n const script = { ...props };\r\n const textContent = (slots.default?.() || []).filter(({ children }) => children).map(({ children }) => children).join(\"\");\r\n if (textContent) {\r\n script.children = textContent;\r\n }\r\n return {\r\n script: [script]\r\n };\r\n })\r\n```\r\ninto the setup function of the script component (https://github.com/nuxt/framework/blob/2e080c259fc5068fcc71e3790b4f5b75cef83eea/packages/nuxt/src/head/runtime/components.ts#L94, similarly to the noscript or style tags below) works just fine, so I would PR that as a solution if this feature request is accepted, but I want to hear your thoughts first before I setup a workspace.\n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://v3.nuxtjs.org/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/framework/discussions) and [issues](https://github.com/nuxt/framework/issues).",[2978,2980,2983],{"name":2900,"color":2979},"8DEF37",{"name":2981,"color":2982},"3.x","29bc7f",{"name":2984,"color":2985},"🍰 p2-nice-to-have","0E8A16",15033,"Support using textContent of \u003CScript> head component","2023-01-19T17:44:04Z","https://github.com/nuxt/nuxt/issues/15033",0.7736401,["Reactive",2992],{},["Set"],["ShallowReactive",2995],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fPuGEHX-foFhRlzycna7m-58YXtxxlwKpEw5KUh-DkIU":-1},"/nuxt/ui/3450"]