\n\n \u003Ctemplate #panel>\n \u003CRegioloketPreview \n :data=\"row\"\n />\n \u003C/template>\n \u003C/UPopover>\n \u003C/template>\n\n```\n\n",[2004,2007],{"name":2005,"color":2006},"question","d876e3",{"name":2008,"color":2009},"stale","ededed",2435,"@hover event for UTable rows","2025-02-14T01:58:49Z","https://github.com/nuxt/ui/issues/2435",0.77400845,{"description":2016,"labels":2017,"number":2024,"owner":1994,"repository":2025,"state":2026,"title":2027,"updated_at":2028,"url":2029,"score":2030},"_Improve the design of the modules page with [Raycast](https://www.raycast.com/store) page as the main source of inspiration._\n\n### Todos\n- [ ] Create a responsive design for the modules listing page sync with the API.\n- [ ] Card are external links.\n",[2018,2021],{"name":2019,"color":2020},"design","00bd6f",{"name":2022,"color":2023},"dev","018415",1337,"nuxt.com","closed","Modules Page","2023-10-10T14:44:51Z","https://github.com/nuxt/nuxt.com/issues/1337",0.7503051,{"description":2032,"labels":2033,"number":2038,"owner":1994,"repository":1995,"state":2026,"title":2039,"updated_at":2040,"url":2041,"score":2042},"### Description\n\nHello. Recently I encountered some weird tooltip positioning problems. I use quite a few of tooltips on various places, sometimes nested in accordions. I had a problem to this day, that I managed to solve by setting the UTooltips `popper.strategy` to `absolute` instead of default `fixed`. When using stragegy `fixed`, the tooltip did not render at the correct place, but several (hundred) pixels away, as shown at first screenshot. The correct position of the tooltip should be just below the H3 button, that I was hovering on. \r\n\r\n\r\nAdding insult to injury, it got even worse when I scrolled down.\r\n\r\n\r\nI was just wondering, what caused this issue? Could it be that the component in question was rendered inside an accordion? I did not get this issue when rendering the same component outside of accordion, so I suppose its that. The last thing I want to ask is whether the `absolute` strategy brings some limitations? I checked throughout the application, but I didn't find any problematic places.\r\n\r\nThanks for any answers and awesome work you guys are putting into this project.",[2034,2035],{"name":2005,"color":2006},{"name":2036,"color":2037},"wontfix-v2","ffffff",1737,"Tooltip positioning problems","2025-03-28T17:58:46Z","https://github.com/nuxt/ui/issues/1737",0.7580344,{"description":2044,"labels":2045,"number":2057,"owner":1994,"repository":1994,"state":2026,"title":2058,"updated_at":2059,"url":2060,"score":2061},"### Describe the feature\n\nHi,\r\n\r\n### Current Problem\r\nNuxt js currently preload then execute the scripts at the bottom of the body for priority boosting. But `link:rel=preload` doesn't have greater browser support so I'm browser which doesn't support it will take long time to fetch and execute it.\r\n\r\n\r\n\r\n### Solution\r\n\r\nI propose an alternate approach to load first party script with defer, where `\u003Cscript defer>` will be added to the , with the objective of streamlining the overall loading sequence, modeling web-performance best practices, and moving away from preload as a crutch for signal boosting.\r\n\r\nBrowser compatibility (MDN) -:\r\n\r\n`\u003Clink rel=\"preload\" />`\r\n\r\n\r\n`\u003Cscript defer>`\r\n\r\n\r\n### Advantages \r\n\r\n- Scripts wont block the HTML parsing as intended.\r\n\r\n\r\n- Improvements in FCP, LCP metric, faster time to visual-completeness.\r\n\r\n- Additional optimization and predictability given the guaranteed order of execution of defer scripts.\r\n\r\n\r\n### Issue when implementing\r\n\r\nThis works perfectly fine for `type=module`(automatically adds defer attr) scripts too but for them preloading having some benefits so we need to conditionally add preload tag if it is targeted to new module based syntax.\r\n\r\n### References\r\n\r\nCurrent Next js implementation (Please check this out for better understanding)-: https://github.com/vercel/next.js/discussions/24938\r\n\r\nAbout scripts loading-: https://gist.github.com/jakub-g/385ee6b41085303a53ad92c7c8afd7a6\r\n\r\nIssues of preloading-: https://docs.google.com/document/d/1ZEi-XXhpajrnq8oqs5SiW-CXR3jMc20jWIzN5QRy1QA/\r\n___\r\n\n\n### Additional information\n\n- [X] 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).",[2046,2048,2051,2054],{"name":1985,"color":2047},"8DEF37",{"name":2049,"color":2050},"discussion","538de2",{"name":2052,"color":2053},"3.x","29bc7f",{"name":2055,"color":2056},"performance","E84B77",15072,"Improve loading sequence of hydration `\u003Cscript />` 🚀 ","2023-11-20T11:10:34Z","https://github.com/nuxt/nuxt/issues/15072",0.7689266,{"description":2063,"labels":2064,"number":2070,"owner":1994,"repository":2025,"state":2026,"title":2071,"updated_at":2072,"url":2073,"score":2074},"",[2065,2067],{"name":1985,"color":2066},"1ad6ff",{"name":2068,"color":2069},"responsive","1cd1c6",821,"[Navbar] Add color mode switch in mobile aside nav","2023-02-15T12:31:01Z","https://github.com/nuxt/nuxt.com/issues/821",0.77381617,{"description":2076,"labels":2077,"number":2083,"owner":1994,"repository":1995,"state":2026,"title":2084,"updated_at":2085,"url":2086,"score":2087},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nI have a login page with schema validation, and the `:state` is passed as undefined, but everything works without problems.\n\n```javascript\nconst state = reactive({\n email: undefined,\n password: undefined\n});\n```\n\nI have a second page with a form that I want to pre-fill with data retrieved from an API. I declared the reactive state to use as the form's state and set the properties with values, but in this case, the validations do not work.\n\n```javascript\nconst state = reactive({\n externalCode: props.item.externalCode,\n imageUrl300x200: props.item.imageUrl300x200,\n name: props.item.name,\n shortDescription: props.item.shortDescription,\n purchasePrice: props.item.purchasePrice,\n vatOnSale: props.item.vatOnSale,\n category: props.item.tags.find(tag => tag.category.type === 'COURSE')?.id || 0,\n filters: props.item.tags.filter(tag => tag.category.type === 'FILTER').map(tag => tag.id)\n});\n```\n\nHow can I set up a form with pre-filled data while keeping the validation?\n\nThanks!",[2078,2079,2082],{"name":2005,"color":2006},{"name":2080,"color":2081},"needs reproduction","CB47CF",{"name":1988,"color":1989},2708,"zod schema form validation","2025-01-06T11:45:46Z","https://github.com/nuxt/ui/issues/2708",0.77538776,{"description":2089,"labels":2090,"number":2097,"owner":1994,"repository":2025,"state":2026,"title":2098,"updated_at":2099,"url":2100,"score":2101},"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",[2091,2094],{"name":2092,"color":2093},"bug","ff281a",{"name":2095,"color":2096},"a11y","2CD658",1060,"css:has on firefox","2023-06-06T12:14:32Z","https://github.com/nuxt/nuxt.com/issues/1060",0.7766656,{"description":2103,"labels":2104,"number":2108,"owner":1994,"repository":1995,"state":2026,"title":2109,"updated_at":2110,"url":2111,"score":2112},"### 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```",[2105,2107],{"name":2092,"color":2106},"d73a4a",{"name":1988,"color":1989},3010,"UTable row click event UI3","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3010",0.77928007,{"description":2114,"labels":2115,"number":2125,"owner":1994,"repository":1994,"state":2026,"title":2126,"updated_at":2127,"url":2128,"score":2129},"needs to be investigated - probably not a terribly complex fix\n\nalso `test client-side navigation` for server islands",[2116,2119,2122],{"name":2117,"color":2118},"good first issue","fbca04",{"name":2120,"color":2121},"chore","D0F1A9",{"name":2123,"color":2124},"🧹 p1-chore","FEF2C0",30867,"flaky test for spa-preloader","2025-03-17T22:48:40Z","https://github.com/nuxt/nuxt/issues/30867",0.7813687,["Reactive",2131],{},["Set"],["ShallowReactive",2134],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"mR1tbo4oi0EVs0oDb2T2MTLwjAColOzWcrg5u2NwdTA":-1},"/nuxt/nuxt.com/1353"]