\n\nBrowser: `Google Chrome Version 134.0.6998.89 (Official Build) (arm64)`\n\nAlso reproduced on `Safari Version 18.3.1 (20620.2.4.11.6)`\n\n### Description\n\nUser may want to copy the text in the query input of a `select-menu` component by moving cursor around text, now it's unable to do it without a keyboard (`Shift + left/right arrow` or `Cmd/Ctrl + A` to select all).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2865,2868],{"name":2866,"color":2867},"bug","d73a4a",{"name":2869,"color":2870},"triage","ffffff",3583,"nuxt","ui","open","Accessibility: unable to select text in the query input of a select-menu","2025-03-17T00:34:07Z","https://github.com/nuxt/ui/issues/3583",0.7370078,{"description":2880,"labels":2881,"number":2882,"owner":2872,"repository":2883,"state":2874,"title":2884,"updated_at":2885,"url":2886,"score":2887},"The latest version v1.11.0 does not properly resolve the auto imported type of `Icon`\n\nWith the previous v1.10.3 - the auto imported `Icon` component shows a type error if missing props and also shows available props in the VS Code context window:\n\n\n\nWith v1.11.0 - the `Icon` component does not show any type errors if missing props and the available props are not displayed by VS Code:\n\n\n\nUsing dependencies:\n\n```json\n{\n \"@nuxt/icon\": \"1.11.0\",\n \"nuxt\": \"^3.16.0\",\n \"vue\": \"^3.5.13\",\n \"vue-router\": \"^4.5.0\"\n}\n```\n\nWith latest nuxt config:\n\n```ts\nexport default defineNuxtConfig({\n compatibilityDate: '2024-11-01',\n devtools: { enabled: true },\n modules: ['@nuxt/icon']\n})\n```",[],373,"icon","Auto Import Types Not Resolving in latest v1.11.0","2025-03-19T00:11:46Z","https://github.com/nuxt/icon/issues/373",0.7462522,{"labels":2889,"number":2896,"owner":2872,"repository":2872,"state":2897,"title":2898,"updated_at":2899,"url":2900,"score":2901},[2890,2893],{"name":2891,"color":2892},"pending triage","E99695",{"name":2894,"color":2895},"2.x","d4c5f9",10553,"closed","How to import stylus-css variables?","2024-06-30T09:24:56Z","https://github.com/nuxt/nuxt/issues/10553",0.6828855,{"description":2903,"labels":2904,"number":2908,"owner":2872,"repository":2883,"state":2897,"title":2909,"updated_at":2910,"url":2911,"score":2912},"Hi, i'm using nuxt-svgo to import svgs as components, and i also have nuxt-icon for icons. The issue here is that if i use nuxt-svgo to import an svg as a component, nuxt-icon adds .nuxt-icon and .nuxt-icon--fill classes, and overwrites my svg colors",[2905],{"name":2906,"color":2907},"need-repro","A50BA3",107,"Nuxt-Icon keeps adding classes to non-icon svgs imported","2024-11-14T03:22:59Z","https://github.com/nuxt/icon/issues/107",0.7053758,{"description":2914,"labels":2915,"number":2917,"owner":2872,"repository":2872,"state":2897,"title":2918,"updated_at":2919,"url":2920,"score":2921},"How to integrate stylus global styl as a global color file?\r\n\r\nI've already included the necessary file but none of the styles are rendering up .\r\n\r\n```js\r\n {src: '~/assets/stylus/global.styl', lang: 'stylus'}\r\n\r\n```\r\n\r\nThanks! \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/c1672\">#c1672\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2916],{"name":2894,"color":2895},1861,"How to integrate stylus global styl as a global color file?","2023-01-18T15:42:46Z","https://github.com/nuxt/nuxt/issues/1861",0.7211531,{"description":2923,"labels":2924,"number":2928,"owner":2872,"repository":2873,"state":2897,"title":2929,"updated_at":2930,"url":2931,"score":2932},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\nThank you in advance for your help!\n\nWe’re using Nuxt UI Pro for styling in our application, which primarily uses a language other than English. When working with the `SelectMenu` component and enabling the `multiple` prop, the displayed value shows \"1 selected\" (or similar text like \"{x-number} selected\"). Instead, we’d like to display the actual selected value(s) of the SelectMenu, like when NOT using the `multiple` prop, if just one item is selected. And any more than that, we need to display the \"{x-number} selected\" it in our language, not English.\n\nDo I need to create a custom wrapper component for this, or is there a simpler way to customize the displayed text? I’m not that deep on frontend development and manipulating package classes in Nuxt 3, so I’d appreciate guidance on how to approach this issue.\n\nI’ve reviewed the source code here: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/SelectMenu.vue but couldn’t figure out how to achieve this.\n\nI see the code where the const for the label is generated, but whats the best approach to change that for us?\n\n```\n const label = computed(() => {\n if (!props.modelValue) return null\n\n if (Array.isArray(props.modelValue) && props.modelValue.length) {\n return `${props.modelValue.length} selected`\n } else if (['string', 'number'].includes(typeof props.modelValue)) {\n return props.valueAttribute ? accessor(selected.value, props.optionAttribute) : props.modelValue\n }\n\n return accessor(props.modelValue as Record\u003Cstring, any>, props.optionAttribute)\n })\n```\n\nAny advice or direction would be greatly appreciated!",[2925],{"name":2926,"color":2927},"question","d876e3",2867,"How can I change the \u003CUSelectMenu> to display the value of a selected item, instead of \"1 selected\" when adding the multiple prop","2024-12-09T11:50:53Z","https://github.com/nuxt/ui/issues/2867",0.74304616,{"description":2934,"labels":2935,"number":2940,"owner":2872,"repository":2873,"state":2897,"title":2941,"updated_at":2942,"url":2943,"score":2944},"### For what version of Nuxt UI are you asking this question?\n\nv3-alpha\n\n### Description\n\nI'm experience problems with the VS Code Tailwind Intellisense plugin. I have used ui v2 without problems so far, but when using v3 it only shows suggestions when a tailwindcss.config.ts is freshly edited, but then after reloading or restarting VS Code, it doesn't work anymore. When it's working, it only shows a few of the classes, but not the most common ones like padding, margin etc..\n\nHas someone experienced the same issue and knows a fix for that? ",[2936,2937],{"name":2926,"color":2927},{"name":2938,"color":2939},"v3","49DCB8",2424,"V3 Intellisense not working correctly","2024-11-05T21:44:20Z","https://github.com/nuxt/ui/issues/2424",0.7440304,{"description":2946,"labels":2947,"number":2948,"owner":2872,"repository":2883,"state":2897,"title":2949,"updated_at":2950,"url":2951,"score":2952},"\r\nI get warn: `Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead.` when I use an icon component and use multiple slots at the same time.\r\n\r\n# Replication:\r\nnuxt.config.ts\r\n```javascript\r\nexport default defineNuxtConfig({\r\n devtools: { enabled: true },\r\n modules: ['@nuxt/content', \"nuxt-icon\"],\r\n content: {\r\n documentDriven: {\r\n trailingSlash: false\r\n }\r\n }\r\n})\r\n```\r\ncomponents/content/ComponentWithIcon.vue\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n Component with icon:\r\n \u003CIcon name=\"bxl:python\" class=\"w-8 h-8\" />\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\ncomponents/content/Container.vue:\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Cslot />\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nlayouts/full.vue:\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"custom-layout\">\r\n \u003Cslot />\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\ncontent/index.md:\r\n```markdown\r\n---\r\nlayout: 'full'\r\n---\r\n\r\n:component-with-icon\r\n\r\n::container\r\nSlot nr 1\r\n::::container\r\nSlot nr 2\r\n::::\r\n::\r\n```\r\n\r\nThis bug prevents the site from being used in development mode due to the infinity loop. The problem does not occur in the latest beta version of nuxt-icon, but in the original project I use nuxt-ui, which uses the old version \r\n",[],157,"Infinite WARN loop with slots and nuxt-content","2024-09-06T11:17:31Z","https://github.com/nuxt/icon/issues/157",0.7441981,{"description":2954,"labels":2955,"number":2958,"owner":2872,"repository":2873,"state":2897,"title":2959,"updated_at":2960,"url":2961,"score":2962},"### Description\n\nHow can I listen to an event, when a link in the UNavigationMenu is clicked?\n\nI want to close the sidebar, that the navigationmenu is inside....\n\nI can see that there is a select event in the NavigationMenuLink component\n\n",[2956,2957],{"name":2926,"color":2927},{"name":2938,"color":2939},3216,"UNavigationMenu: Listen to select event","2025-02-05T13:23:51Z","https://github.com/nuxt/ui/issues/3216",0.746691,{"description":2964,"labels":2965,"number":2967,"owner":2872,"repository":2872,"state":2897,"title":2968,"updated_at":2969,"url":2970,"score":2971},"##### First of all, forgive me if I'm talking nonsense 😅\r\n\r\nHello everyone, I'm trying to use ```stylus-loader``` just like we do with ```sass-loader```, however I do not get the same result:\r\n\r\nWith ```sass-loader``` it runs fine, but when trying to use the ```stylus-loader``` an error is thrown:\r\n\r\n```bash\r\nModule build failed: Error: Can not find module 'stylus'\r\n```\r\nI tried to just install: ```npm i --save-dev stylus-loader```, just like I did with sass .. I have not tried any configuration in ```nuxt.config.js``` since I imagine it should already be \"native\" since version [1.0](https://github.com/nuxt/nuxt.js/issues/240)\r\n\r\n**How can I use stylus in .vue components?**\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/c2385\">#c2385\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2966],{"name":2894,"color":2895},2746,"How to use stylus in .vue style tag with lang attribute","2023-01-18T16:02:37Z","https://github.com/nuxt/nuxt/issues/2746",0.74708843,["Reactive",2973],{},["Set"],["ShallowReactive",2976],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fTXKV7QQhkObJ-snZHI2kg89k93hRdZ1v9wR1wYCN3SU":-1},"/nuxt/icon/305"]