\n \u003CUButton\n variant=\"outline\"\n class=\"rounded\"\n label=\"Middle\"\n @click=\"open = false\"\n />\n \u003CUButton\n type=\"submit\"\n class=\"rounded\"\n label=\"Confirm\"\n color=\"primary\"\n @click=\"open = false\"\n />\n \u003C/div>\n \u003C/template>\n \u003C/UModal>\n \u003CUButton\n variant=\"outline\"\n color=\"neutral\"\n @click=\"\"\n >\n Other Button\n \u003C/UButton>\n \u003C/UButtonGroup>\n\u003C/template>\n```\n\n\u003Cimg width=\"362\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/da66f0d8-fc42-45a5-b1e1-d7214468b24a\" />\n\n\u003Cbr>\n\n\u003Cimg width=\"543\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a50767ec-bea5-4c88-9b45-963f8e81e5df\" />\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[1984,1987],{"name":1985,"color":1986},"bug","d73a4a",{"name":1988,"color":1989},"v3","49DCB8",2978,"nuxt","ui","closed","The button styles in UModal body should not be affected by UButtonGroup.","2025-02-07T15:32:58Z","https://github.com/nuxt/ui/issues/2978",0.72826254,{"description":1999,"labels":2000,"number":2003,"owner":1991,"repository":2004,"state":1993,"title":2005,"updated_at":2006,"url":2007,"score":2008},"On hover, border effect doesn't work on Firefox/Safari",[2001],{"name":1985,"color":2002},"ff281a",1136,"nuxt.com"," Cards: border","2023-02-15T12:31:10Z","https://github.com/nuxt/nuxt.com/issues/1136",0.7299679,{"description":2010,"labels":2011,"number":2012,"owner":1991,"repository":2013,"state":1993,"title":2014,"updated_at":2015,"url":2016,"score":2017},"After update with `Suspense` I can't pass class & event listeners for NuxtIcon component.\n\nFor example:\n```vue\n\u003CIcon name=\"mdi:puzzle\" class=\"absolute h-[40px] w-6 cursor-pointer rounded text-emerald-600\" />\n```\n \nNow rendered as:\n\n```html\n\u003Cspan class=\"iconify i-mdi:puzzle\" aria-hidden=\"true\">\u003C/span>\n```\n\nInstead correct v1.7.6\n```html\n\u003Cspan class=\"iconify i-mdi:puzzle absolute h-[40px] w-6 cursor-pointer rounded text-emerald-600\" aria-hidden=\"true\">\u003C/span>\n```\n\nAnd with warnings:\n```console\n WARN [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text or teleport root nodes.\n at \u003CNuxtIcon name=\"mdi:puzzle\" class=\"h-[40px] w-6 cursor-pointer rounded text-emerald-600\" >\n at \u003CRouterLink ref=undefined to=\"/\" activeClass=undefined ... >\n at \u003CNuxtLink href=\"/\" >\n at \u003CError error= options.customise is not a function\n\n \u003Cspan class=\"stack internal\">at getCSS (node_modules\\@nuxt\\icon\\dist\\runtime\\components\\css.js:93:41)\u003C/span>\n \u003Cspan class=\"stack internal\">at node_modules\\@nuxt\\icon\\dist\\runtime\\components\\css.js:169:25\u003C/span>\u003C/pre> >\n at \u003CNuxtRoot>\n```\n\nSame issue with event listeners, for example:\n```vue\n\u003CIcon name=\"ant-design:plus-outlined\" class=\"icon\" @click=\"popoverOpenIndex = index\" @dblclick.stop />\n```\n\n`@click` not work now\n\nWith `\u003CIcon :suspensible=\"false\" ... />` same issue\n\n----\n`vue`: 3.5.13\n`nuxt`: 3.14.159\n`@nuxt/icon`: 1.8.0\nnode: 22.10.0\n\n",[],300,"icon","Issues with update 1.8.0 (Fallthrough Attributes)","2024-11-19T09:46:49Z","https://github.com/nuxt/icon/issues/300",0.7355004,{"description":2019,"labels":2020,"number":2026,"owner":1991,"repository":1992,"state":1993,"title":2027,"updated_at":2028,"url":2029,"score":2030},"### Environment\n\nlatest\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.13\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/gifted-moon-ms65xm\n\n### Description\n\nhovering over a open drop down item in a drawer results in a recursion error.\n\n### Additional context\n\n```vue\n\u003Cscript setup lang=\"ts\">\nconst items = ref([\n {\n label: 'hover me for a recursion error',\n },\n])\n\u003C/script>\n\n\n\u003Ctemplate>\n \u003CUDrawer>\n \u003CUButton label=\"Open Drawer\"/>\n \u003Ctemplate #content>\n \u003CUDropdownMenu\n :items=\"items\"\n >\n \u003CUButton label=\"Open Drop down\"/>\n \u003C/UDropdownMenu>\n \u003C/template>\n \u003C/UDrawer>\n\u003C/template>\n```\n\n### Logs\n\n```shell-script\nUncaught InternalError: too much recursion\n NuxtJS 5\n focus\n handleFocusOut\n ct\n f\n focus\n```",[2021,2022,2023],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":2024,"color":2025},"reka-ui","56d799",3357,"Cant put dropdown inside drawer","2025-04-08T19:49:57Z","https://github.com/nuxt/ui/issues/3357",0.74390715,{"description":2032,"labels":2033,"number":2042,"owner":1991,"repository":1992,"state":1993,"title":2043,"updated_at":2044,"url":2045,"score":2046},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.13.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.7\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: modules, compatibilityDate, devtools, css, ui, devServer, future, telemetry, hooks, eslint\n- Runtime Modules: @nuxt/eslint@0.6.2, @nuxt/ui-pro@3.0.1, nuxt-jsonld@2.1.0, @pinia/nuxt@0.10.1\n- Build Modules: -\n\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nNuxt v3.16.1\nui-pro v3.0.1\n\n### Reproduction\n\nWhen I add the following to my nuxt.config.ts:\n\n```ts\n{\n ui: {\n colorMode: false\n }\n}\n```\n\n...then `npx nuxi typecheck` fails with 8 errors.\n\n```\n[...snip]\nnode_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeButton.vue:18:24 - error TS2305: Module '\"#imports\"' has no exported member 'useColorMode'.\n\n18 import { useAppConfig, useColorMode } from '#imports'\n ~~~~~~~~~~~~\n\nnode_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSelect.vue:10:24 - error TS2305: Module '\"#imports\"' has no exported member 'useColorMode'.\n\n10 import { useAppConfig, useColorMode } from '#imports'\n ~~~~~~~~~~~~\n\nnode_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSwitch.vue:10:24 - error TS2305: Module '\"#imports\"' has no exported member 'useColorMode'.\n\n10 import { useAppConfig, useColorMode } from '#imports'\n ~~~~~~~~~~~~\n\n\nFound 8 errors in 8 files.\n\nErrors Files\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/color-mode/ColorModeButton.vue:18\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/color-mode/ColorModeSelect.vue:10\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/color-mode/ColorModeSwitch.vue:10\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/content/ContentSearch.vue:89\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/DashboardSearch.vue:57\n 1 node_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeButton.vue:18\n 1 node_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSelect.vue:10\n 1 node_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSwitch.vue:10\n\n ERROR Process exited with non-zero status (2)\n```\n\n### Description\n\nI think that there probably needs to be a stub export set up in all cases? Or these files should not be gathered by the typechecking script?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2034,2035,2036,2039],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":2037,"color":2038},"pro","5BD3CB",{"name":2040,"color":2041},"triage","ffffff",3657,"Setting ui.colorMode = false breaks nuxi typecheck","2025-03-27T20:54:57Z","https://github.com/nuxt/ui/issues/3657",0.7444817,{"description":2048,"labels":2049,"number":2052,"owner":1991,"repository":1992,"state":1993,"title":2053,"updated_at":2054,"url":2055,"score":2056},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v22.13.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: bun@1.2.2\n- Builder: -\n- User Config: compatibilityDate, devtools, runtimeConfig, nitro, routeRules, modules, supabase, site, feed, sitemap, robots, schemaOrg, image\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.12, @nuxtjs/supabase@1.4.6, @vueuse/nuxt@12.5.0, @nuxt/image@1.9.0, @nuxthub/core@0.8.15, @nuxtjs/sitemap@7.2.4, nuxt-module-feed@1.1.4, @nuxtjs/robots@5.2.2, nuxt-schema-org@4.1.1, nuxt-link-checker@4.1.0\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\n```vue\n\u003CUModal\n :ui=\"{\n title: 'sr-only',\n description: 'sr-only',\n }\"\n :title=\"will not work\"\n :description=\"will not work\">\n \u003Ctemplate #content>\n \u003Cp>anything\u003C/p>\n \u003C/template>\n\u003C/UModal>\n```\n\n### Description\n\nNot having a title or description set for the modal will throw the following RekaUI error:\n```\nPostingCard.vue:76 Warning: `DialogContent` requires a `DialogTitle` for the component to be accessible for screen reader users.\n\nIf you want to hide the `DialogTitle`, you can wrap it with our VisuallyHidden component.\n\nWarning: Missing `Description` or `aria-describedby=\"undefined\"` for DialogContent.\n```\n\nThis is expected.\n\nThe problem is when you use the `content` slot of `UModal`, you can't set the title or description, either through props or by using the `title` or `description` slot.\n\nIt would be nice if setting the title and description slots/props while using the content still applies them but automatically applies `sr-only`.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2050,2051],{"name":1985,"color":1986},{"name":1988,"color":1989},3267,"Modal content slot causes accessibility issues","2025-02-21T10:49:04Z","https://github.com/nuxt/ui/issues/3267",0.7492039,{"description":2058,"labels":2059,"number":2069,"owner":1991,"repository":1992,"state":1993,"title":2070,"updated_at":2071,"url":2072,"score":2073},"### Environment\n\nOperating System: Windows 11\nNode Version: v22.14.0\nNuxt Version: 3.15.4\nCLI Version: 3.13.2\nNitro Version: 2.10.4\nPackage Manager: npm@11.1.0\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\n.\n\n### Description\n\nI want the Popover component to open when a fetch call is made and the results are displayed in the Popover. For example, I want the search results to be displayed, but as soon as I click on the input, the Popover will be displayed.\n\nThis is my code:\n```\n\u003CUPopover v-model:open=\"search.open\" arrow>\n \u003Cdiv class=\"header-search relative flex flex-row items-center w-full max-w-96\">\n \u003Cinput v-model=\"search.param\"\n class=\"input bg-transparent border rounded-3xl focus:ring-0 outline-0 py-1 px-2 w-full\" />\n \u003C/div>\n \u003Ctemplate #content>\n ...\n \u003C/template>\n \u003C/UPopover>\n```\n\nDid I do something wrong?\nPlease help me.\nThanks\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2060,2061,2064,2065,2066],{"name":1985,"color":1986},{"name":2062,"color":2063},"needs reproduction","CB47CF",{"name":1988,"color":1989},{"name":2040,"color":2041},{"name":2067,"color":2068},"closed-by-bot","ededed",3303,"open Popover manually","2025-03-25T02:04:46Z","https://github.com/nuxt/ui/issues/3303",0.75223196,{"description":2075,"labels":2076,"number":2077,"owner":1991,"repository":2078,"state":1993,"title":2079,"updated_at":2080,"url":2081,"score":2082},"Hello, Thanks for great work I'm looking forward to use the module\r\n\r\nI remember a `strategy` or a similar option being discussed that let the user specify where to load the script. A possible option would be a worker to offload the 3rd party script entirely from the main thread. I can't find that discussion to link it.\r\n\r\nIs there a way to use a worker for the scripts? Also will there be some kind of integration with tools like partytown? Thanks!",[],56,"scripts","[Question]: Usage with web workers (partytown)","2024-07-24T12:05:47Z","https://github.com/nuxt/scripts/issues/56",0.7543189,{"labels":2084,"number":2093,"owner":1991,"repository":1991,"state":1993,"title":2094,"updated_at":2095,"url":2096,"score":2097},[2085,2087,2090],{"name":2086,"color":2041},"stale",{"name":2088,"color":2089},"pending triage","E99695",{"name":2091,"color":2092},"2.x","d4c5f9",7589,"bodyAttrs/htmlAttrs problem - layoutTransition misunderstanding/bug","2023-01-22T15:36:01Z","https://github.com/nuxt/nuxt/issues/7589",0.7562366,{"description":2099,"labels":2100,"number":2105,"owner":1991,"repository":1991,"state":1993,"title":2106,"updated_at":2107,"url":2108,"score":2109},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v21.2.0\r\n- Nuxt Version: 3.8.2\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.0\r\n- Package Manager: pnpm@8.11.0\r\n- Builder: -\r\n- User Config: devtools, css, postcss, app\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n👉 Report an issue: https://github.com/nuxt/nuxt/issues/new 21:51:20\r\n\r\n👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new\r\n\r\n👉 Read documentation: https://nuxt.com\r\n\r\n### Reproduction\r\n\r\n```\r\n\u003Cscript setup lang=\"ts\">\r\nconst aboutSection = ref\u003CHTMLDivElement | null>(null);\r\nconst top = ref\u003Cnumber>(0);\r\n\r\nonMounted(() => {\r\n top.value = aboutSection.value?.getBoundingClientRect().top\r\n});\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CAboutSection ref=\"aboutSection\" :style=\"`height: calc(100vh - ${top}px)`\" />\r\n \u003C!-- AboutSection is a component inside components/ directory -->\r\n \u003C/AboutSection>\r\n\u003C/template>\r\n```\r\n\r\n### Describe the bug\r\n\r\n`aboutSection.value?.getBoundingClientRect is not a function`\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2101,2104],{"name":2102,"color":2103},"3.x","29bc7f",{"name":2088,"color":2089},24615,"getBoundingClientRect is not a function","2023-12-06T10:37:48Z","https://github.com/nuxt/nuxt/issues/24615",0.75855416,["Reactive",2111],{},["Set"],["ShallowReactive",2114],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"JoMvHBsT9DLmHg6kOkOLe5l6cNmAEDAFpUpbKiAg_w4":-1},"/nuxt/nuxt.com/626"]