\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```",[2001,2004],{"name":2002,"color":2003},"enhancement","a2eeef",{"name":2005,"color":2006},"v3","49DCB8",2806,"closed","input: add toggle password button automatically for type password","2024-12-02T17:21:42Z","https://github.com/nuxt/ui/issues/2806",0.7011866,{"description":2014,"labels":2015,"number":2020,"owner":1991,"repository":1992,"state":2008,"title":2021,"updated_at":2022,"url":2023,"score":2024},"### 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_",[2016,2017],{"name":1985,"color":1986},{"name":2018,"color":2019},"duplicate","cfd3d7",2506,"SelectMenu search breaks if typing '+' as first symbol","2024-10-31T16:11:15Z","https://github.com/nuxt/ui/issues/2506",0.72731936,{"description":2026,"labels":2027,"number":2037,"owner":1991,"repository":1992,"state":2008,"title":2038,"updated_at":2039,"url":2040,"score":2041},"### Environment\n\nNode 22\nNuxt 4\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0 alpha 10\n\n### Reproduction\n\n1. create a modal and a slideover using useModal and useSlideover\n2. create a button **(first button**) that opens the modal with useModal()\n3. create one as well **(second button**) INSIDE! the slideover that opens the same modal with useModal()\n\n### Description\n\nNow open the modal outside the slideover with the **first button**. Thats set an index I suppose.\nBut now if you open the slideover and click the **second button** which opens the same modal, it appears behind the slideover.\n\nBut if you reload the page, open the slideover first and then press the second button without ever pressing the first button to open the modal it appears infront.\n\n### Additional context\n\n\n\n\n\n### Logs\n\n```shell-script\n\n```",[2028,2029,2032,2033,2034],{"name":1985,"color":1986},{"name":2030,"color":2031},"needs reproduction","CB47CF",{"name":2005,"color":2006},{"name":1988,"color":1989},{"name":2035,"color":2036},"closed-by-bot","ededed",3079,"Modal and slideover z-index bug","2025-03-25T02:04:49Z","https://github.com/nuxt/ui/issues/3079",0.72969073,{"description":2043,"labels":2044,"number":2046,"owner":1991,"repository":1992,"state":2008,"title":2047,"updated_at":2048,"url":2049,"score":2050},"### 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!",[2045],{"name":2002,"color":2003},2745,"\"close\" event for Accordion component?","2024-12-05T13:48:57Z","https://github.com/nuxt/ui/issues/2745",0.7306413,{"description":2052,"labels":2053,"number":2056,"owner":1991,"repository":1992,"state":2008,"title":2057,"updated_at":2058,"url":2059,"score":2060},"### Environment\n\n- OS : Windows 11\n- Node : 20.14.0 \n- Nuxt: lastest\n- Nuxt prisma : lastest\n\n### Version\n\n2.19.1\n\n### Reproduction\n\ninit lastest nuxt 3\nadd nuxt prisma module\nadd nuxt ui module\n\n` ERROR RollupError: node_modules/@prisma/nuxt/dist/runtime/server/utils/prisma.d.ts (2:8): Expected ';', '}' or \u003Ceof> (Note that you need plugins to import files that are not JavaScript) nitro 21:27:12 \n\n\n1: import { PrismaClient } from \"@prisma/client\";\n2: declare const prismaClientSingleton: () => PrismaClient\u003Cimport(\".prisma/client\").Prisma.PrismaClientOptions, never, i...\n ^\n3: declare const prisma: PrismaClient\u003Cimport(\".prisma/client\").Prisma.PrismaClientOptions, never, import(\"@prisma/client...\n4: export type CustomPrismaClient = ReturnType\u003Ctypeof prismaClientSingleton>;`\n\n### Description\n\nwhen remove `'@nuxt/ui'` from modules: [''] in nuxt.config.ts it's work can use npm run dev\nbut if add `'@nuxt/ui'` it''s error\n\n` ERROR RollupError: node_modules/@prisma/nuxt/dist/runtime/server/utils/prisma.d.ts (2:8): Expected ';', '}' or \u003Ceof> (Note that you need plugins to import files that are not JavaScript) nitro 21:27:12 \n\n\n1: import { PrismaClient } from \"@prisma/client\";\n2: declare const prismaClientSingleton: () => PrismaClient\u003Cimport(\".prisma/client\").Prisma.PrismaClientOptions, never, i...\n ^\n3: declare const prisma: PrismaClient\u003Cimport(\".prisma/client\").Prisma.PrismaClientOptions, never, import(\"@prisma/client...\n4: export type CustomPrismaClient = ReturnType\u003Ctypeof prismaClientSingleton>;`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2054,2055],{"name":1985,"color":1986},{"name":2018,"color":2019},2813,"nuxt/ui conflict with nuxt/prisma","2024-12-04T08:33:58Z","https://github.com/nuxt/ui/issues/2813",0.74471503,{"description":2062,"labels":2063,"number":2067,"owner":1991,"repository":1991,"state":2008,"title":2068,"updated_at":2069,"url":2070,"score":2071},"Hi guys,\r\n\r\nI have tried your socket.io example and found out that each rendering creates new presistent socket conection to the server. To reproduce it you shall change io.on in server.js as follows:\r\n\r\n```javascript\r\nio.on('connection', (socket) => {\r\n socket.on('last-messages', function (fn) {\r\n fn(messages.slice(-50))\r\n });\r\n socket.on('send-message', function (message) {\r\n messages.push(message)\r\n socket.broadcast.emit('new-message', message)\r\n });\r\n console.log(Object.keys(io.sockets.clients().connected)); \u003C-- new code\r\n});\r\n```\r\n\r\nIn the console you will see, that open connections list is growing on each page rendering. \r\n\r\nI would like to ask if there is a way to listen to event when rendering is finished and run callback to close sockets connection?\r\n\r\nThe current solution i see is to use setTimeout(callback, 60*1000) for example.\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/c784\">#c784\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2064],{"name":2065,"color":2066},"2.x","d4c5f9",911,"Callback on rendered to disconnect socket","2023-01-18T15:39:56Z","https://github.com/nuxt/nuxt/issues/911",0.7486271,{"description":2073,"labels":2074,"number":2075,"owner":1991,"repository":2076,"state":2008,"title":2077,"updated_at":2078,"url":2079,"score":2080},"### Describe the bug\r\n\r\n` WARN The glob option \"as\" has been deprecated in favour of \"query\". Please update as: 'raw' to query: '?raw', import: 'default'.`\r\n\r\nnuxt-icon.vue:23\r\n```js\r\n const iconsImport = import.meta.glob('assets/icons/**/**.svg', {\r\n as: 'raw',\r\n eager: false\r\n })\r\n```\r\n\r\nWhen removing the { as: `raw` }, the error disappears.",[],145,"icon","import.meta.glob as: 'raw' fails","2024-04-12T06:03:06Z","https://github.com/nuxt/icon/issues/145",0.74919444,{"description":2082,"labels":2083,"number":2086,"owner":1991,"repository":2087,"state":2008,"title":2088,"updated_at":2089,"url":2090,"score":2091},"Resolves #385 \r\nFixes #412 ",[2084],{"name":1985,"color":2085},"ff281a",412,"nuxt.com","When changing color mode, editor slots are broken","2023-06-06T12:14:51Z","https://github.com/nuxt/nuxt.com/issues/412",0.75428903,{"description":2093,"labels":2094,"number":2086,"owner":1991,"repository":2096,"state":2008,"title":2097,"updated_at":2098,"url":2099,"score":2091},"### Environment\n\n```\n------------------------------\n- Operating System: Darwin\n- Node Version: v23.9.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.22.5\n- Nitro Version: 2.11.5\n- Package Manager: bun@1.2.4\n- Builder: -\n- User Config: compatibilityDate, css, app, modules, htmlValidator, nitro, postcss, image, prismic, runtimeConfig, site, turnstile, vite\n- Runtime Modules: @nuxt/image@1.9.0, @nuxt/ui@3.0.0-beta.3, @nuxtjs/device@3.2.4, @nuxtjs/html-validator@2.1.0, @nuxtjs/prismic@4.1.0, @nuxtjs/robots@5.2.6, @nuxtjs/turnstile@0.9.12, nitro-cloudflare-dev@0.2.2, nuxt-link-checker@4.1.1, nuxt-seo-experiments@4.0.1\n- Build Modules: -\n------------------------------\n```\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/wizardly-hertz-gyk77v\n\n### Describe the bug\n\nSince the `3.16.0` release, my project doesn't build anymore. I isolated the issue to a component using `Turnstile` which seems to depend on `@nuxt/scripts` which is mentioned in the error logs.\n\nThe reproduction is very small, just a Turnstile component without configuration.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nERROR ✗ Build failed in 1.79s 5:04:16 PM\n\n\n[ nuxi 5:04:16 PM] ERROR Nuxt Build Error: [vite]: Rollup failed to resolve import \"unenv/runtime/mock/noop\" from \"/project/workspace/node_modules/@nuxt/scripts/dist/runtime/validation/mock.js\".\nThis is most likely unintended because it can break your application at runtime.\nIf you do want to externalize this module explicitly add it to\nbuild.rollupOptions.external\n\n This is most likely unintended because it can break your application at runtime.\n If you do want to externalize this module explicitly add it to\n build.rollupOptions.external\n at viteLog (node_modules/vite/dist/node/chunks/dep-glQox-ep.js:51589:15)\n at onRollupLog (node_modules/vite/dist/node/chunks/dep-glQox-ep.js:51639:5)\n at onLog (node_modules/vite/dist/node/chunks/dep-glQox-ep.js:51287:7)\n at node_modules/rollup/dist/es/shared/node-entry.js:20487:32\n at Object.logger [as onLog] (node_modules/rollup/dist/es/shared/node-entry.js:22230:9)\n at ModuleLoader.handleInvalidResolvedId (node_modules/rollup/dist/es/shared/node-entry.js:21113:26)\n at node_modules/rollup/dist/es/shared/node-entry.js:21071:26\n\nerror Command failed with exit code 1.\n```",[2095],{"name":1985,"color":1986},"scripts","Build fails since 3.16.0 due to failed import","2025-03-14T18:00:08Z","https://github.com/nuxt/scripts/issues/412",["Reactive",2101],{},["Set"],["ShallowReactive",2104],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"cLPQ5PQC9ANSeq_eEviNzLVMUC41eQ8BfDGxjI2FL-A":-1},"/nuxt/ui/2651"]