` rows. `@select` brings you part of the way there, but doesn't make it easy to get access to the full underlying event, for example to check if the user is holding the \u003Ckey>Ctrl\u003C/key>.\n\nSimilarly, even with `@select` I can't see any easy way to focus the table rows using keyboard input. \n\n### Additional context\n\n_No response_",[1984,1987],{"name":1985,"color":1986},"enhancement","a2eeef",{"name":1988,"color":1989},"triage","ffffff",2796,"nuxt","ui","open","UTable row click event","2025-01-23T09:56:08Z","https://github.com/nuxt/ui/issues/2796",0.70206386,{"description":1999,"labels":2000,"number":2005,"owner":1991,"repository":1992,"state":1993,"title":2006,"updated_at":2007,"url":2008,"score":2009},"### Environment\n\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2\n- Build Modules: -\n\n### Version\n\n2.19.2\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-kft69t?file=README.md\n\nLive: https://rad-fudge-8ff161.netlify.app/\n\n### Description\n\nSo this is a safari mobile bug only! About the UCarousel. \n\nWhen testing on desktop make sure you change the User Agent to Iphone in Safari. \n\nThe active slide/page is a bit random. You can reproduce by refreshing the page. Sometimes it starts at index 0 but other times at 3 etc. \n\nI tried to make a workaround in the onMounted. But that also does not seems to work. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2001,2004],{"name":2002,"color":2003},"bug","d73a4a",{"name":1988,"color":1989},2683,"UCarousel Safari (Mobile only) bug","2025-02-21T13:38:31Z","https://github.com/nuxt/ui/issues/2683",0.72232455,{"description":2011,"labels":2012,"number":2016,"owner":1991,"repository":1992,"state":1993,"title":2017,"updated_at":2018,"url":2019,"score":2020},"### Description\n\nI am not sure what I am missing, I have added a UBadge into a UDashboardCard but the color/design is wrong:\n\n```html\n \u003CUDashboardCard\n v-if=\"hasDealLinked\"\n title=\"Linked Deal\"\n >\n\n \u003CUBadge\n color=\"red\"\n variant=\"subtle\"\n size=\"xs\"\n >\n {{ linkedItems?.deal.name }}\n \u003C/UBadge>\n \u003C/UDashboardCard>\n```\n\n\nnuxt.config.ts\n```Typescript\n ui: {\n global: true,\n safelistColors: ['red'],\n theme: {\n colors: ['primary', 'secondary', 'info', 'success', 'warning', 'error', 'reverse', 'red']\n }\n },\n```\n\nRender is not a subtle one and border color is never red:\n\n\n\nMany thanks for the help\n",[2013],{"name":2014,"color":2015},"question","d876e3",3378,"UBadge Color and variant","2025-02-24T22:23:23Z","https://github.com/nuxt/ui/issues/3378",0.7289449,{"description":2022,"labels":2023,"number":92,"owner":1991,"repository":2031,"state":1993,"title":2032,"updated_at":2033,"url":2034,"score":2035},"It's strange, but if the `nuxt.config` file contains `@nuxt/devtools` inside `modules`, the font panel doesn't work.\r\n\r\nhttps://github.com/dungsil/issues/blob/0f11e1fcd386b289835d8d19c6b9199f66aa748c/nuxt-fonts-106/nuxt.config.ts#L6\r\n\r\n\r\n\r\n> ERROR [nuxt-devtools] RPC error on executing \"nuxt-devtools-fonts:getFonts\":\r\n> [birpc] function \"nuxt-devtools-fonts:getFonts\" not found\r\n\r\nReproduction link: https://github.com/dungsil/issues/tree/main/nuxt-fonts-106",[2024,2025,2028],{"name":2002,"color":2003},{"name":2026,"color":2027},"upstream","4E99F0",{"name":2029,"color":2030},"workaround available","CA50F0","fonts","devtools: If the module contains \"@nuxt/devtools\", an error occurs in the Fonts panel.","2024-09-29T01:51:27Z","https://github.com/nuxt/fonts/issues/106",0.7426881,{"description":2037,"labels":2038,"number":2041,"owner":1991,"repository":2042,"state":2043,"title":2044,"updated_at":2045,"url":2046,"score":2047},"https://www.figma.com/file/OLlmzoVQ7FSBh4FJJORNpl/nuxt.com?node-id=2424%3A12792\n\n- [x] Replace `UPills` component with list of `ULink`\n- [x] `text-base` instead of `text-sm`\n- [x] Remove logo hover in green\n- [x] Login button in primary variant",[2039],{"name":1985,"color":2040},"1ad6ff",114,"nuxt.com","closed","Improve navbar links","2023-02-15T12:30:39Z","https://github.com/nuxt/nuxt.com/issues/114",0.70007235,{"description":2049,"labels":2050,"number":2055,"owner":1991,"repository":1992,"state":2043,"title":2056,"updated_at":2057,"url":2058,"score":2059},"### Description\n\nCan components be imported manually in Vue projects",[2051,2052],{"name":2014,"color":2015},{"name":2053,"color":2054},"v3","49DCB8",3340,"Can components be imported manually in Vue projects","2025-02-17T10:10:41Z","https://github.com/nuxt/ui/issues/3340",0.71763974,{"description":2061,"labels":2062,"number":2063,"owner":1991,"repository":2042,"state":2043,"title":2064,"updated_at":2065,"url":2066,"score":2067},"these should point to module repo + link rather than to nuxt.com",[],1271,"normalize relative links in module readmes","2023-10-10T14:44:46Z","https://github.com/nuxt/nuxt.com/issues/1271",0.7196612,{"description":2069,"labels":2070,"number":2081,"owner":1991,"repository":1991,"state":2043,"title":2082,"updated_at":2083,"url":2084,"score":2085},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v20.10.0`\r\n- Nuxt Version: `3.11.2`\r\n- CLI Version: `3.11.1`\r\n- Nitro Version: `2.9.6`\r\n- Package Manager: `npm@10.2.3`\r\n- Builder: `-`\r\n- User Config: `css`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://github.com/DallasHoff/nuxt-fouc-example\n\n### Describe the bug\n\nUnder certain conditions, I am seeing a flash of unstyled content in the production build of a site since Nuxt 3.10.0. In the provided reproduction, you can see this by building the site (`npm run build`) and then previewing it (`npm run preview`) and watching as the page loads. The links in the navbar will start out unstyled, in a vertical stack, and then switch to being styled in a row.\r\n\r\nIf you then downgrade the project to Nuxt 3.9.3 with no other changes, the FOUC will not happen. Checking the built HTML of the page, you can see that this version has the CSS of the navbar component inlined, where newer versions of Nuxt do not.\r\n\r\nStrangely, the FOUC also only happens with certain configurations of the components. The FOUC does not happen if:\r\n- The `\u003Cstyle>` tag in `layouts/default.vue` is empty.\r\n- The `\u003Cscript>` tag in `components/app/navbar.vue` does not have `lang=\"ts\"`\r\n\r\n#25806 is similar, but that was resolved as an issue with Vite while this issue happens in production and not development. The issue appears if either `nuxt build` or `nuxt generate` is used to build the site.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2071,2074,2075,2078],{"name":2072,"color":2073},"3.x","29bc7f",{"name":2002,"color":2003},{"name":2076,"color":2077},"🔨 p3-minor","FBCA04",{"name":2079,"color":2080},"inline styles","68AF97",27334,"FOUC in Production since Nuxt 3.10.0","2024-12-03T11:32:03Z","https://github.com/nuxt/nuxt/issues/27334",0.72434217,{"labels":2087,"number":2094,"owner":1991,"repository":1991,"state":2043,"title":2095,"updated_at":2096,"url":2097,"score":2098},[2088,2091],{"name":2089,"color":2090},"pending triage","E99695",{"name":2092,"color":2093},"2.x","d4c5f9",8392,"Navbar of Nuxt.js org page ","2023-01-22T15:38:23Z","https://github.com/nuxt/nuxt/issues/8392",0.724906,{"description":2100,"labels":2101,"number":2104,"owner":1991,"repository":1991,"state":2043,"title":2105,"updated_at":2106,"url":2107,"score":2108},"### Version\r\n\r\n[v1.4.0](https://github.com/nuxt.js/releases/tag/v1.4.0)\r\n\r\n### Reproduction link\r\n\r\n[https://fork-glider.glitch.me/](https://fork-glider.glitch.me/)\r\n\r\n### Steps to reproduce\r\n\r\n- Go to the link provided https://fork-glider.glitch.me/\r\n\r\nI use `vue-styled-components` for my styles but instead of being rendered properly, they flash the unstyled component before.\r\n\r\nLive example here: https://fork-glider.glitch.me/\r\nSource: https://glitch.com/edit/#!/fork-glider\r\n\r\nMy component looks like:\r\n\r\n```\r\n\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Capp-title>Welcome!\u003C/app-title>\r\n \u003Crouter-link to=\"/about\">About page\u003C/router-link>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\n import styled from 'vue-styled-components';\r\n\r\n const Title = styled.h1`\r\n font-size: 36px;\r\n color: red;\r\n `;\r\n\r\n export default {\r\n components: {\r\n \"app-title\": Title\r\n }\r\n };\r\n\u003C/script>\r\n```\r\n\r\nHere is a quick gif reproducing the issue:\r\n\r\n\r\n### What is expected ?\r\n\r\n- Title shows styled size and color\r\n\r\n### What is actually happening?\r\n\r\n- Title flashes original size and color before changing to styled one.\r\n\r\n(As this problem is not happening while using plain css, I am wondering if the issue has to do with the run-time of the `script` tag. 🤔)\r\n\r\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\r\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7294\">#c7294\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2102,2103],{"name":2089,"color":2090},{"name":2092,"color":2093},3479,"Unstyled css flashes while using vue-styled-components","2023-01-22T15:30:04Z","https://github.com/nuxt/nuxt/issues/3479",0.7281196,["Reactive",2110],{},["Set"],["ShallowReactive",2113],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"VjuYUMrgUa5BIOkFxNtPqAVOT81zEw_HIm5k3IcPxVU":-1},"/nuxt/ui/2085"]