\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.",[2010,2013,2014,2017],{"name":2011,"color":2012},"bug","d73a4a",{"name":1988,"color":1989},{"name":2015,"color":2016},"pro","5BD3CB",{"name":2018,"color":2019},"triage","ffffff",3454,"PageMarquee with testimonials have performance trouble","2025-03-09T20:39:12Z","https://github.com/nuxt/ui/issues/3454",0.8383952,{"description":2026,"labels":2027,"number":2032,"owner":1991,"repository":1992,"state":1993,"title":2033,"updated_at":2034,"url":2035,"score":2036},"### Description\n\nThe Accordion component's config provides the `default` block, which allows you to control the CSS of the label. However, there are no open/closed state controls. I'd love to be able to apply different classes to the label based on whether the accordion is open or closed.\n\n### Additional context\n\nThe main reason for this is to customize the open/closed states. Upon opening the accordion, I would like the ability to remove the bottom-left and bottom-right border radius while simultaneously adding a border around the body content. This would create a seamless appearance, eliminating any gaps between the label and the body content.",[2028,2031],{"name":2029,"color":2030},"enhancement","a2eeef",{"name":2018,"color":2019},3412,"Accordion styles -- should be able to pass classes via UI config for open and closed states.","2025-02-26T23:07:30Z","https://github.com/nuxt/ui/issues/3412",0.8430439,{"description":2038,"labels":2039,"number":2048,"owner":1991,"repository":1992,"state":2049,"title":2050,"updated_at":2051,"url":2052,"score":2053},"### Description\n\n\n\n\napp.config.ts select variants\n\n\n\n\nsize works but TS gives an error",[2040,2041,2044,2045],{"name":1985,"color":1986},{"name":2042,"color":2043},"needs reproduction","CB47CF",{"name":1988,"color":1989},{"name":2046,"color":2047},"closed-by-bot","ededed",3858,"closed","How to set custom size without TS error","2025-04-19T02:02:58Z","https://github.com/nuxt/ui/issues/3858",0.7711441,{"description":2055,"labels":2056,"number":2060,"owner":1991,"repository":1992,"state":2049,"title":2061,"updated_at":2062,"url":2063,"score":2064},"### Description\n\nWhile most components support the theming props (globally via app.config and as local props) the UForm component doesn't. For consistency it'd be great if this could be added to the Form component too.\n\n### Additional context\n\n_No response_",[2057,2058,2059],{"name":2029,"color":2030},{"name":1988,"color":1989},{"name":2018,"color":2019},3752,"Form Component: Support theming props","2025-04-10T19:55:39Z","https://github.com/nuxt/ui/issues/3752",0.8061736,{"description":2066,"labels":2067,"number":2071,"owner":1991,"repository":1992,"state":2049,"title":2072,"updated_at":2073,"url":2074,"score":2075},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.22.5\n- Nitro Version: 2.11.6\n- Package Manager: pnpm@9.15.4\n- Builder: -\n- User Config: modules, devtools, app, css, runtimeConfig, future, compatibilityDate, telemetry, eslint\n- Runtime Modules: @nuxt/ui-pro@3.0.0, @nuxt/eslint@1.0.1, @vueuse/nuxt@12.5.0, @nuxt/image@1.9.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3\n\n### Reproduction\n\nsee below\n\n### Description\n\nI get the follwing error:\n\n```\nruntime-core.esm-bundler.js:51 [Vue warn]: injection \"Symbol(nuxt-ui.locale-context)\" not found. \n at \u003CUSlideover open=false onUpdate:open=fn side=\"left\" ... > \n at \u003CUDashboardSidebar collapsible=\"\" resizable=\"\" > \n at \u003CPrimitive as=undefined class=\"fixed inset-0 flex overflow-hidden\" > \n at \u003CUDashboardGroup> \n at \u003CDefault ref=Ref\u003C undefined > > \n at \u003CAsyncComponentWrapper ref=Ref\u003C undefined > > \n at \u003CLayoutLoader key=\"default\" layoutProps= Object name=\"default\" > \n at \u003CNuxtLayoutProvider layoutProps= Object key=\"default\" name=\"default\" ... > \n at \u003CNuxtLayout> \n at \u003CApp key=4 > \n at \u003CNuxtRoot>\n```\n\nwhen usinng the DashboardSidebar component:\n```\n \u003CUDashboardSidebar\n collapsible\n resizable\n >\n \u003Ctemplate #header>\n \u003Cdiv class=\"flex items-center gap-2\">\n \u003CUIcon\n name=\"i-solar-buildings-2-bold\"\n class=\"w-7 h-7\"\n />\n \u003Cspan class=\"flex items-center gap-2 font-semibold text-lg logo\">example\u003C/span>\n \u003C/div>\n \u003C/template>\n \u003CUNavigationMenu\n orientation=\"vertical\"\n :items=\"links\"\n />\n \u003Cdiv class=\"flex-1\" />\n \u003CUNavigationMenu\n orientation=\"vertical\"\n :items=\"footerLinks\"\n />\n \u003CUSeparator class=\"sticky bottom-0\" />\n \u003Ctemplate #footer>\n \u003Cspan class=\"text-xs text-neutral-500 tracking-tight\">Version {{ useRuntimeConfig().public.version }}\u003C/span>\n \u003C/template>\n \u003C/UDashboardSidebar>\n\n```\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2068,2069,2070],{"name":2011,"color":2012},{"name":1988,"color":1989},{"name":2015,"color":2016},3549,"injection \"Symbol(nuxt-ui.locale-context)\" not found","2025-03-18T11:12:44Z","https://github.com/nuxt/ui/issues/3549",0.8125227,{"description":2077,"labels":2078,"number":2079,"owner":1991,"repository":2080,"state":2049,"title":2081,"updated_at":2082,"url":2083,"score":2084},"Hover effect icon https://www.notion.so/nuxt/Hover-effect-icon-6bd48c2f9b23479689993c1492c287de",[],1087,"nuxt.com","[Review] HomeCardItem","2023-02-15T12:31:07Z","https://github.com/nuxt/nuxt.com/issues/1087",0.8161164,{"description":2086,"labels":2087,"number":2093,"owner":1991,"repository":1992,"state":2049,"title":2094,"updated_at":2095,"url":2096,"score":2097},"### Description\n\nIm using a prefix in nuxt.ui.config for nuxtui components\n```\n // nuxt ui settings\n ui: {\n colorMode: false, // disable light dark\n prefix: \"Nuxtui\", // component name prefix\n },\n```\n\nNow when I use the code from the table documentation (https://ui3.nuxt.dev/components/table#columns)\nI am getting a warning that UAvatar (which is linked to UBadge somehow) should be defined as custom Element.\n\n\n\n```\nconst nuxtuiBadge = resolveComponent(\"NuxtuiBadge\");\n\n....\n\ncell: ({ row }) => {\n const color = {\n true: \"success\" as const,\n false: \"error\" as const,\n }[row.getValue(\"isActive\") as string];\n\n return h(\n nuxtuiBadge,\n { class: \"capitalize\", variant: \"subtle\", color },\n () => (row.getValue(\"isActive\") ? \"Aktiv\" : \"Inaktiv\")\n );\n},\n\n....\n```\n\n\nDefining UAvatar as a custom element in nuxt.config solves the warning but isnt it a bug?",[2088,2091,2092],{"name":2089,"color":2090},"duplicate","cfd3d7",{"name":1985,"color":1986},{"name":1988,"color":1989},3218,"UAvatar warning when using nuxtui prefix, UBadge and h in table cell","2025-02-01T11:31:15Z","https://github.com/nuxt/ui/issues/3218",0.81973505,{"description":2099,"labels":2100,"number":2103,"owner":1991,"repository":2080,"state":2049,"title":2104,"updated_at":2105,"url":2106,"score":2107},"\n",[2101],{"name":2011,"color":2102},"ff281a",1171,"[BlogArticle]- add space between date and author and fix hydration warnings","2023-02-15T12:31:13Z","https://github.com/nuxt/nuxt.com/issues/1171",0.8298204,["Reactive",2109],{},["Set"],["ShallowReactive",2112],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"zIRgltn77VniiI2fUGsw252OQlWx4vtWIZsa0icaJrQ":-1},"/nuxt/ui/3621"]