\n\n \u003Ctemplate #panel>\n \u003CRegioloketPreview \n :data=\"row\"\n />\n \u003C/template>\n \u003C/UPopover>\n \u003C/template>\n\n```\n\n",[1984,1987],{"name":1985,"color":1986},"question","d876e3",{"name":1988,"color":1989},"stale","ededed",2435,"nuxt","ui","open","@hover event for UTable rows","2025-02-14T01:58:49Z","https://github.com/nuxt/ui/issues/2435",0.7548883,{"description":1999,"labels":2000,"number":2004,"owner":1991,"repository":2005,"state":1993,"title":2006,"updated_at":2007,"url":2008,"score":2009},"I noticed a behavior that I consider a bug, but I'm not sure if this is wanted.\r\n\r\nAnyway, I noticed that when using custom local icons, i.e. loaded from the `assets` folder, classes applied to their root `svg` element are stripped when the icon is actually loaded in the template.\r\n\r\nThis is not really a good behavior, because some classes could be used to apply animations to the said icon, and removing them will cause them to not be animated.\r\n\r\nI prepared a simple reproduction here https://github.com/stefanobartoletti/icon-test, everything should be pretty much self-explanatory, but right now, the SVG icon directly pasted into the template can be animated via the custom `icon-animation` class, while the same SVG loaded with the `Icon` component cannot, because it is stripped of the said class.\r\n\r\nA possible workaround right now could be to give this class to the `Icon` component, instead of the source SVG icon, but this is not optimal, since the same exact icon could be needed in many places in a project and it would make sense to give this class only once to the source, instead of needing to apply it to every and each instance of the `Icon` component using it.\r\n\r\nAlso, I noticed that the classes are stripped only from the root `svg` element, if you have classes in nested `g` or `path` elements, they remain in place.\r\n\r\nHopefully it is all clear, anyway, feel free to ask for more info if needed.\r\n\r\n---\r\n\r\nEdit: \r\n\r\nI forgot to add that I'm talking about a configuration using the `svg` mode to load icons, where the source icon is inlined in the template.\r\n",[2001],{"name":2002,"color":2003},"upstream","B4199A",210,"icon","[Bug] Do not strip custom local icons of their classes","2025-02-20T12:14:42Z","https://github.com/nuxt/icon/issues/210",0.76746404,{"description":2011,"labels":2012,"number":2019,"owner":1991,"repository":2020,"state":1993,"title":2021,"updated_at":2022,"url":2023,"score":2024},"### Environment\n\n- Operating System: Windows_NT\r\n- Node Version: v18.17.1\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: -\r\n- Package Manager: pnpm@9.6.0\r\n- Builder: -\r\n- User Config: future, compatibilityDate, devtools, nitro, extends, runtimeConfig, $test, modules, i18n, typescript, tailwindcss\r\n- Runtime Modules: @vueuse/nuxt@10.11.0, @nuxtjs/i18n@8.3.1, @nuxt/test-utils/module@3.13.1\r\n- Build Modules: -\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/modest-stonebraker-m9jvcl?file=%2Fplaywright.config.ts%3A13%2C1&workspaceId=7242797e-8630-4ea5-a2a8-c0ae92eb9b43\n\n### Describe the bug\n\nWhen using the built-in utils from `@nuxt/test-utils/playwright` using the azure preset for nitro, running `pnpm exec playwright test` fails with: \r\n\r\n`Error: Cannot find module '/.nuxt/test/xxxx/output/server/index.mjs'`\r\n\r\nI have tried to point it to the location set when using azure through the nuxt configs in `playwright.config.ts` but the same suffix including `server/index.mjs` keeps being appended so no entry point is found. \n\n### Additional context\n\nOverwriting the preset through `nuxtConfig` to use `node-server` in `playwright.config.ts` or using the utils directly from `@playwright/test` and replacing nuxt configs with a `webServer` running against azure CLI built preview works, but neither one of these are ideal solutions. \n\n### Logs\n\n_No response_",[2013,2016],{"name":2014,"color":2015},"bug","d73a4a",{"name":2017,"color":2018},"pending triage","5D08F5",908,"test-utils","Playwright tests fail with nitro preset azure","2024-08-01T09:09:51Z","https://github.com/nuxt/test-utils/issues/908",0.7768376,{"description":2026,"labels":2027,"number":2032,"owner":1991,"repository":1992,"state":1993,"title":2033,"updated_at":2034,"url":2035,"score":2036},"### Description\n\nI am using the Nuxt UI playground template from [here](https://codesandbox.io/p/sandbox/cranky-swartz-54zg6c). \n\nAfter running `pnpm build`, I noticed that `.output/server/node_modules/reka-ui/dist` contains many unused components. How can I configure it to tree-shake these unused components after the build?",[2028,2029],{"name":1985,"color":1986},{"name":2030,"color":2031},"v3","49DCB8",3376,"How can I tree-sake reka-ui?","2025-02-22T10:09:54Z","https://github.com/nuxt/ui/issues/3376",0.7789816,{"description":2038,"labels":2039,"number":2044,"owner":1991,"repository":1992,"state":1993,"title":2045,"updated_at":2046,"url":2047,"score":2048},"### Environment\n\nNode: 22.11.0\nnpm: 11.1.0\n@nuxt/ui: 2.21.0 and 3.0.0-alpha.13 (same reesult)\nnuxt: 3.15.4\nNitro: 2.10.4 \n\n\n### Version\n\n2.21.0\n\n### Reproduction\n\nAfter using `npx nuxi@latest module add ui` to add Nuxt UI to a Nuxt project `nuxt dev` still works, but `nuxt build` and `nuxt generate` crashes with the following error: \n\n```\n ERROR Nuxt Build Error: Cannot find module 'postcss-minify-gradients'\nRequire stack:\n- [~]/node_modules/cssnano-preset-default/src/index.js\n- [~]/node_modules/cssnano/src/index.js\n```\n\nMy `nuxt.config.ts`:\n\n```\nexport default defineNuxtConfig({\n modules: [\n '@nuxt/ui',\n ],\n compatibilityDate: '2024-11-01',\n devtools: { enabled: true },\n})\n```\n\nThings I've tried:\n\n- Adding `'postcss-minify-gradients` with `npm install postcss-minify-gradients` does not make any difference. \n- Installing `cssnano`, `postcss`, `tailwindcss` and numerous other Nuxt/Tailwind related packges manually causes a lot of other issues, but doesn't help here\n- Removing `node_modules/*`, `./nuxt/*` and `package-lock.json` and starting over does not help\n- Neither does `nuxi cleanup` \n- Adding `postcss: { plugins: { \"minifyGradients\": false },},` to `nuxt.config.ts`, as suggested in some other bug report thread\n- Removing every installed package except for NuxtUI\n\nWhat works:\n\nCreating an entirely clean project with `npx nuxi@latest init test`, `cd test` and `npx nuxi@latest module add ui` works for a while. But it seems like sooner or later every NuxtUI project gets stuck in this cul-de-sac. It is unclear to me what triggers this state, but more to the point it seems entrirely _impossible_ to get out of it? What is going on here, and how can I save a project, once this happen?\n\n### Description\n\nSee above\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2040,2041],{"name":2014,"color":2015},{"name":2042,"color":2043},"triage","ffffff",3368,"Nuxt Build Error: Cannot find module 'postcss-minify-gradients'","2025-02-22T12:24:45Z","https://github.com/nuxt/ui/issues/3368",0.78039503,{"description":2050,"labels":2051,"number":2052,"owner":1991,"repository":2053,"state":2054,"title":2055,"updated_at":2056,"url":2057,"score":2058},"### Environment\n\nbrowser chrome\n\n### Reproduction\n\nopen https://nuxt.com/modules in browser.\n\n### Describe the bug\n\n\u003Cimg width=\"1271\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/32301380/7363e730-5eda-4fee-8790-375987e293ef\">\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[],1353,"nuxt.com","closed","[Document] nuxt modules page has been crashed.","2023-10-10T14:44:55Z","https://github.com/nuxt/nuxt.com/issues/1353",0.75178933,{"description":2060,"labels":2061,"number":2064,"owner":1991,"repository":1992,"state":2054,"title":2065,"updated_at":2066,"url":2067,"score":2068},"### Environment\n\n- Operating System: Darwin\n- Node Version: v23.7.0\n- Nuxt Version: -\n- CLI Version: 3.22.2\n- Nitro Version: -\n- Package Manager: pnpm@10.5.2\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.13\n\n### Reproduction\n\nhttps://ui3.nuxt.dev/getting-started/installation/pro/vue#add-to-a-vue-project\n\n### Description\n\nI was going through https://ui3.nuxt.dev/getting-started/installation/pro/vue#add-to-a-vue-project\nand got that problem:\n[ERROR] Missing \"./vite\" specifier in \"@nuxt/ui-pro\" package [plugin externalize-deps]\n\nwhile dashboard example uses https://pkg.pr.new/@nuxt/ui-pro@83fa134 where ui-pro/dist/vite.d.ts exists.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2062,2063],{"name":2014,"color":2015},{"name":2030,"color":2031},3416,"ui-pro/dist/vite.d.ts doesn't exists","2025-02-28T10:43:06Z","https://github.com/nuxt/ui/issues/3416",0.7621789,{"description":2070,"labels":2071,"number":2074,"owner":1991,"repository":1992,"state":2054,"title":2075,"updated_at":2076,"url":2077,"score":2078},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.11.0\n- Nuxt Version: 3.15.0\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: bun@1.1.37\n- Builder: -\n- User Config: default\n- Runtime Modules: nuxt-mapbox@1.6.1, @nuxt/image@1.8.1, @nuxt/ui@3.0.0-alpha.10, @nuxtjs/supabase@1.4.5, @vueuse/nuxt@10.11.1, @nuxtjs/i18n@8.5.6, @vueuse/motion/nuxt@2.2.6\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\n\u003CUTable\n :data=\"data\"\n :columns=\"columnsTable\"\n @select=\"select\"\n/>\n\n\n### Description\n\nIn Nuxt UI v3, the \u003CUTable /> component does not provide any trigger event when clicking on a table row. In contrast, the v2 version included the @select event, which allowed developers to handle row clicks effectively. This regression impacts the ability to implement common interaction patterns, such as handling row selection or performing actions based on user clicks.\n\nDoes Nuxt UI v3 have an event similar to the @select event from v2 for the \u003CUTable /> component? Specifically, is there a way to trigger an event when a table row is clicked?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2072,2073],{"name":2014,"color":2015},{"name":2030,"color":2031},3010,"UTable row click event UI3","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3010",0.764095,{"description":2080,"labels":2081,"number":2087,"owner":1991,"repository":2053,"state":2054,"title":2088,"updated_at":2089,"url":2090,"score":2091},"has() css selector isn't enabled by default on Firefox.\nthe next major release version of Firefox will enable it by default but due to poor performance on old architecture, Firefox disable the selector by default. It is possible to enable it by setting layout.css.has-selector.enabled to true in about:config",[2082,2084],{"name":2014,"color":2083},"ff281a",{"name":2085,"color":2086},"a11y","2CD658",1060,"css:has on firefox","2023-06-06T12:14:32Z","https://github.com/nuxt/nuxt.com/issues/1060",0.76932293,{"description":2093,"labels":2094,"number":2098,"owner":1991,"repository":1992,"state":2054,"title":2099,"updated_at":2100,"url":2101,"score":2102},"### Environment\n\nNuxt UI: 3.0.1\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.15.1\n\n### Reproduction\n\n Without RP\n\n### Description\n\nThe menu item itself is correct but the internal menu items in right-to-left languages are incorrect. I solved this problem by adding the following style in the items prop, but this should be resolved in future versions.\n\n`class: 'flex-row-reverse'`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2095,2096,2097],{"name":2014,"color":2015},{"name":2030,"color":2031},{"name":2042,"color":2043},3737,"Items in the DropdownMenu have problems in RTL mode","2025-03-31T21:07:42Z","https://github.com/nuxt/ui/issues/3737",0.77254325,["Reactive",2104],{},["Set"],["ShallowReactive",2107],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"i7a70vqzmDAdip96msPOxhJGuHlgYp1xuk_oAFHF8XI":-1},"/nuxt/nuxt.com/1337"]