\n \u003C/template>\n \u003C/USelect>\n \u003C/UFormField>```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2004,2007],{"name":2005,"color":2006},"bug","d73a4a",{"name":1991,"color":1992},3148,"closed","V3 In Select slot trailing","2025-01-25T13:13:41Z","https://github.com/nuxt/ui/issues/3148",0.68423635,{"description":2015,"labels":2016,"number":2021,"owner":1994,"repository":1995,"state":2009,"title":2022,"updated_at":2023,"url":2024,"score":2025},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.3.1\n- Nuxt Version: 3.13.2\n- CLI Version: 3.13.2\n- Nitro Version: 2.9.7\n- Package Manager: npm@9.8.0\n- Builder: -\n- User Config: srcDir, ssr, devtools, modules, plugins, runtimeConfig, app, components, content, googleFonts, colorMode, css, ui, tailwindcss, compatibilityDate\n- Runtime Modules: @nuxt/ui@2.18.7, @nuxt/content@2.13.4, @nuxtjs/google-fonts@3.2.0\n\n\n### Version\n\n2.18.7\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-t94cid?file=app.vue\n\n### Description\n\nHello! Im using SelectMenu element for selecting a phone code, currently im having an issue with default search function - if type in search '+' i`m getting error message \"Uncaught (in promise) SyntaxError: Invalid regular expression: /+/i: Nothing to repeat\" and search stops working.\nI guess its just a problem with regular expression.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2017,2018],{"name":2005,"color":2006},{"name":2019,"color":2020},"duplicate","cfd3d7",2506,"SelectMenu search breaks if typing '+' as first symbol","2024-10-31T16:11:15Z","https://github.com/nuxt/ui/issues/2506",0.69991827,{"description":2027,"labels":2028,"number":2031,"owner":1994,"repository":1995,"state":2009,"title":2032,"updated_at":2033,"url":2034,"score":2035},"### Description\n\ncan you add Scroll-area component ? like the one in shadcn \"https://ui.shadcn.com/docs/components/scroll-area\"\n\n### Additional context\n\n_No response_",[2029,2030],{"name":1988,"color":1989},{"name":1991,"color":1992},3425,"Scroll-area","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3425",0.74255145,{"description":2037,"labels":2038,"number":2040,"owner":1994,"repository":1995,"state":2009,"title":2041,"updated_at":2042,"url":2043,"score":2044},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.11.0\r\n- Nuxt Version: 3.13.1\r\n- CLI Version: 3.13.1\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@9.9.0\r\n- Builder: -\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Version\r\n\r\nv2.8.0\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-ui-u8opw1?file=app.vue\r\n\r\n### Description\r\n\r\nOverflow problem, the select menu is open inside the table\r\n\r\n### Additional context\r\n\r\n\r\n\r\n\r\n### Logs\r\n\r\n_No response_",[2039],{"name":2005,"color":2006},2255,"Overflow probem with SelectMenu inside a table","2024-09-26T10:21:43Z","https://github.com/nuxt/ui/issues/2255",0.75680286,{"description":2046,"labels":2047,"number":2054,"owner":1994,"repository":1994,"state":2009,"title":2055,"updated_at":2056,"url":2057,"score":2058},"### Describe the feature\n\nWhen you are behind a reverse proxy that handles HTTPS for you, there should be a way to have a different protocol on the server and on the client for HMR websockets.\r\n\r\nWe already have \"clientPort\", so you can have a different port on the server and in the client.\r\n\r\nThe feature would be a \"clientProtocol\" option, so the server can use \"ws://\" while the client uses \"wss://\".\r\n\r\nUsage:\r\n```javascript\r\n{\r\n vite: {\r\n server: {\r\n hmr: {\r\n protocol: \"wss\",\r\n clientProtocol: \"ws\",\r\n },\r\n },\r\n },\r\n}\r\n```\r\n\r\nThis could also be a solution for issue nuxt/nuxt.js#12003\n\n### Additional information\n\n- [ ] 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).",[2048,2051],{"name":2049,"color":2050},"3.x","29bc7f",{"name":2052,"color":2053},"pending triage","E99695",12408,"Add \"clientProtocol\" option to HMR config","2023-01-19T16:18:48Z","https://github.com/nuxt/nuxt/issues/12408",0.76003355,{"description":2060,"labels":2061,"number":2065,"owner":1994,"repository":1994,"state":2009,"title":2066,"updated_at":2067,"url":2068,"score":2069},"### case 1:\r\n#### custom JS file\r\n```\r\nvar wsUrl = 'ws://localhost:8080';\r\nvar socket = new WebSocket(wsUrl);\r\n```\r\n\r\n#### Nuxt.js Error:\r\n```\r\nWebSocket is not defined\r\n```\r\n--- \r\n### case2\r\n#### custom JS file\r\n```\r\nif(typeof(window) !== 'undefined'){\r\n var wsUrl = 'ws://localhost:8080';\r\n var socket = new WebSocket(wsUrl);\r\n }\r\n\r\nexport {socket};\r\n```\r\n#### .vue file\r\n```\r\nimport { socket } from '~assets/js/socket.js';\r\n...\r\n mounted(){\r\n console.log(socket); //undefined\r\n }\r\n...\r\n```\r\n#### chrome console:\r\n```\r\nundefined\r\n```\r\n#### How can I create websocket in custome Js file connection and can use in Vue file?\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/c770\">#c770\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2062],{"name":2063,"color":2064},"2.x","d4c5f9",900,"How to create a websocket connection in my custom JS file and multiple components can use socket.send function","2023-01-18T22:19:40Z","https://github.com/nuxt/nuxt/issues/900",0.7662069,{"description":2071,"labels":2072,"number":2073,"owner":1994,"repository":2074,"state":2009,"title":2075,"updated_at":2076,"url":2077,"score":2078},"## Issue\nIn dev mode contributor images are not rendered as expected on landing page:\n\n\n\n\n## Repro\n1. Run `pnpm dev`\n2. Browse to `http://localhost:3000/` and scroll down to **Built by developers...**\n\n## Root cause\n`nuxt.config.ts` is missing config `$development.image.ipx.baseURL`.",[],1785,"nuxt.com","contributor images on landing page not rendered as expected in dev mode","2025-03-21T16:12:54Z","https://github.com/nuxt/nuxt.com/issues/1785",0.76784426,{"description":2080,"labels":2081,"number":2083,"owner":1994,"repository":1995,"state":2009,"title":2084,"updated_at":2085,"url":2086,"score":2087},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nHi folks!\n\nWe noticed that there is a \"close\" event in the [Accordion](https://ui.nuxt.com/elements/accordion) component, but no \"open\" event. As there are some requirements for implementing certain tracking (knowing how often a section is open vs closed), we need both events.\n\nOf course, I would love to contribute this, but before drafting a PR, I would like to sync on the following questions:\n1. Would you prefer an `open` event similar to the close event or would it maybe make sense to deprecate the \"close\" event and add a \"toggle\" event instead?\n2. Should I do the change for v2, v3 or both?\n\nThanks for the input!\n\n**EDIT**: In case the \"close\" event is fine, I've prepared https://github.com/nuxt/ui/pull/2750 for review. Thanks a lot!",[2082],{"name":1988,"color":1989},2745,"\"close\" event for Accordion component?","2024-12-05T13:48:57Z","https://github.com/nuxt/ui/issues/2745",0.76858765,{"description":2089,"labels":2090,"number":2093,"owner":1994,"repository":1995,"state":2009,"title":2094,"updated_at":2095,"url":2096,"score":2097},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\nI find that creating an input password with toggle button to show the text felt so verbose. How about adding a default toggle button when the input has password type since it was a good practice for accessibility?\n\n\n\n### Additional context\n\n```html\n\u003C!-- this is easier and shorter to write -->\n\u003CUInput type=\"password\" />\n\n\u003C!-- if we want to hide, we can let slot do the work, or maybe consider adding a properties to hide it. It's more shorter -->\n\u003CUInput type=\"password\">\n \u003Ctemplate #trailing>\u003C/template>\n\u003C/UInput>\n\n\u003C!-- compared to what we must do now as the documentation say -->\n\u003Ctemplate>\n \u003CUInput\n v-model=\"password\"\n placeholder=\"Password\"\n :type=\"show ? 'text' : 'password'\"\n :ui=\"{ trailing: 'pe-1' }\"\n >\n \u003Ctemplate #trailing>\n \u003CUButton\n color=\"neutral\"\n variant=\"link\"\n size=\"sm\"\n :icon=\"show ? 'i-lucide-eye-off' : 'i-lucide-eye'\"\n aria-label=\"show ? 'Hide password' : 'Show password'\"\n :aria-pressed=\"show\"\n aria-controls=\"password\"\n @click=\"show = !show\"\n />\n \u003C/template>\n \u003C/UInput>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst show = ref(false)\nconst password = ref('password')\n\u003C/script>\n```",[2091,2092],{"name":1988,"color":1989},{"name":1991,"color":1992},2806,"input: add toggle password button automatically for type password","2024-12-02T17:21:42Z","https://github.com/nuxt/ui/issues/2806",0.77120775,["Reactive",2099],{},["Set"],["ShallowReactive",2102],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"Ye4RO8fesqX5-KnKecG0B3XkDeMTw9bb51xeH_vztbE":-1},"/nuxt/ui/2861"]