\n \u003C/div>\n \u003C/UPageColumns>\n \u003C/ULandingSection>\n \u003Ctemplate #footer>\n \u003CUUser v-bind=\"testimonial.author\" size=\"xl\" :ui=\"{ description: 'line-clamp-1' }\" />\n \u003C/template>\n \u003C/UPageCard>\n \u003C/UPageMarquee>\n```\n\nHowever, when I use marquee like this, , there are no performance issues : \n\n```\n\u003CUPageSection>\n \u003CUPageLogos marquee :title=\"page.logos.title\">\n \u003Ctemplate v-for=\"image in page.logos.images\" :key=\"image.src\">\n \u003CNuxtImg\n :src=\"image.src\"\n :alt=\"image.alt\"\n :width=\"image.width\"\n :height=\"image.height\"\n loading=\"lazy\"\n sizes=\"xs:320px sm:640px md:768px\"\n quality=\"40\"\n class=\"mb-4 sm:mb-0 sm:mr-4 mx-auto flex-shrink-0\"\n />\n \u003C/template>\n \u003C/UPageLogos>\n \u003C/UPageSection>\n```\n\nI have the impression that in one case, the animation loading is deferred, whereas in the other, it is not.",[2923,2926,2927,2930],{"name":2924,"color":2925},"bug","d73a4a",{"name":2910,"color":2911},{"name":2928,"color":2929},"pro","5BD3CB",{"name":2931,"color":2932},"triage","ffffff",3454,"PageMarquee with testimonials have performance trouble","2025-03-09T20:39:12Z","https://github.com/nuxt/ui/issues/3454",0.78390425,{"description":2939,"labels":2940,"number":2944,"owner":2913,"repository":2945,"state":2915,"title":2946,"updated_at":2947,"url":2948,"score":2949},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.9.3\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-5sxamx?file=components%2FMyComponent.nuxt.spec.ts\n\n### Describe the bug\n\nOne convenient method for verifying that a component has emitted the expected events is to pass a prop with \"onX\" that contain a mocked function:\r\n\r\n```ts\r\nconst onTest = vi.fn()\r\nrender(MyComponent, {\r\n props: { title: 'Test title', onTest},\r\n});\r\nexpect(onTest).toHaveBeenCalled(); ✅\r\n```\r\n\r\nWhile this works fine with the testing library `render` helper, Nuxt's `renderSuspended` fails to pass the event handler to the component:\r\n\r\n```ts\r\nawait renderSuspended(MyComponent, {\r\n props: { title: 'Test title', onTest },\r\n});\r\nexpect(onTest).toHaveBeenCalled(); ❌\r\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2941],{"name":2942,"color":2943},"pending triage","5D08F5",731,"test-utils","`renderSuspended` does not handle `onEvent` notation","2024-05-01T20:36:22Z","https://github.com/nuxt/test-utils/issues/731",0.78730243,{"description":2951,"labels":2952,"number":2962,"owner":2913,"repository":2913,"state":2915,"title":2963,"updated_at":2964,"url":2965,"score":2966},"### Describe the feature\n\nIt would be nice if you could show something like an animated image when reloading the code like Next js does. \r\n\r\nUnfortunately, the device from which you'd be working on is the one that gets its view refreshed and not the other devices like Next js. Please add these features. \n\n### Additional information\n\n- [ ] 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://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2953,2956,2959],{"name":2954,"color":2955},"enhancement","8DEF37",{"name":2957,"color":2958},"dx","C39D69",{"name":2960,"color":2961},"🍰 p2-nice-to-have","0E8A16",21422,"HMR Spinner & Devices ","2024-06-30T11:08:38Z","https://github.com/nuxt/nuxt/issues/21422",0.7884717,{"description":2968,"labels":2969,"number":2973,"owner":2913,"repository":2914,"state":2915,"title":2974,"updated_at":2975,"url":2976,"score":2977},"https://www.radix-vue.com/components/dropdown-menu.html#radiogroup",[2970,2972],{"name":2954,"color":2971},"a2eeef",{"name":2910,"color":2911},2385,"[DropdownMenu/ContextMenu] Handle `radiogroup` items type","2024-10-15T11:07:24Z","https://github.com/nuxt/ui/issues/2385",0.7886276,{"description":2979,"labels":2980,"number":2982,"owner":2913,"repository":2914,"state":2983,"title":2984,"updated_at":2985,"url":2986,"score":2987},"### Environment\r\n\r\n- Operating system: \"android 14\"\r\n- Nuxt Version: \"3.13.2\"\r\n- Vue Version: \"3.5.8\"\r\n- \r\n\r\n### Version\r\n\r\nv2.18.6\r\n\r\n### Reproduction\r\n\r\nhttps://ui.nuxt.com/components/dropdown\r\n\r\n\r\n\r\n\r\n\r\n### Description\r\n\r\nclicking on the dropdown button doesn't work in mobile view. the \"click\" event & the \"touchstart\" event, call the same function (toggle dropdown visibility), and neutralize each other. (basically, click event opens the dropdown, the touchstart event, closes the dropdown)\r\n\r\nI tested it and in both android 14 & in windows, firefox (mobile view mode), I got the same result.\r\n\r\n### Additional context\r\n\r\n\r\n\r\n\r\n### Logs\r\n\r\n_No response_",[2981],{"name":2924,"color":2925},2261,"closed","\"UDropdown\": Toggle NOT Working in Mobile. click event & touchstart event neutralize each other.","2024-10-01T13:00:59Z","https://github.com/nuxt/ui/issues/2261",0.77599716,{"description":2989,"labels":2990,"number":2996,"owner":2913,"repository":2997,"state":2983,"title":2998,"updated_at":2999,"url":3000,"score":3001},"I believe we can save space and have at least the first module displayed.\n\n\n\n\nWe can also reduce the size of the card on mobile.\n",[2991,2993],{"name":2954,"color":2992},"1ad6ff",{"name":2994,"color":2995},"responsive","1cd1c6",672,"nuxt.com","[Modules] Improve responsive page","2022-06-28T15:54:53Z","https://github.com/nuxt/nuxt.com/issues/672",0.77607703,{"description":3003,"labels":3004,"number":3006,"owner":2913,"repository":2914,"state":2983,"title":3007,"updated_at":3008,"url":3009,"score":3010},"https://lucide.dev/",[3005],{"name":2910,"color":2911},2539,"Migrate from `heroicons` to `lucide`","2024-11-06T11:59:54Z","https://github.com/nuxt/ui/issues/2539",0.7788303,{"description":3012,"labels":3013,"number":1227,"owner":2913,"repository":3017,"state":2983,"title":3018,"updated_at":3019,"url":3020,"score":3021},"```[tasklist]\r\n### Tasks\r\n- [x] basic information here on usage and how the module works\r\n- [x] example of how to write a custom provider (+ register one in a module)\r\n- [x] more examples on customisation and advanced usage\r\n```",[3014],{"name":3015,"color":3016},"documentation","0075ca","fonts","initial documentation","2024-02-22T14:31:41Z","https://github.com/nuxt/fonts/issues/6",0.7794243,{"description":3023,"labels":3024,"number":3033,"owner":2913,"repository":2914,"state":2983,"title":3034,"updated_at":3035,"url":3036,"score":3037},"### Description\n\n\n\n\napp.config.ts select variants\n\n\n\n\nsize works but TS gives an error",[3025,3026,3029,3030],{"name":2907,"color":2908},{"name":3027,"color":3028},"needs reproduction","CB47CF",{"name":2910,"color":2911},{"name":3031,"color":3032},"closed-by-bot","ededed",3858,"How to set custom size without TS error","2025-04-19T02:02:58Z","https://github.com/nuxt/ui/issues/3858",0.78274375,["Reactive",3039],{},["Set"],["ShallowReactive",3042],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fxahsmJ2eGhaf_LugT4BMyzfL9V0SaWgEC1qNElfDrOw":-1},"/nuxt/ui/2256"]