\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.",[2902,2905,2908,2911],{"name":2903,"color":2904},"bug","d73a4a",{"name":2906,"color":2907},"v3","49DCB8",{"name":2909,"color":2910},"pro","5BD3CB",{"name":2912,"color":2913},"triage","ffffff",3454,"nuxt","ui","open","PageMarquee with testimonials have performance trouble","2025-03-09T20:39:12Z","https://github.com/nuxt/ui/issues/3454",0.7343141,{"description":2923,"labels":2924,"number":2932,"owner":2915,"repository":2916,"state":2917,"title":2933,"updated_at":2934,"url":2935,"score":2936},"We're working on the design of the Nuxt UI v3 documentation. If you're using Nuxt UI and want to be featured on the new website, feel free to comment on this issue with testimonials, showcases of apps or brand logos. It would really help to make Nuxt UI more popular.\n\nThanks a lot!",[2925,2928,2929],{"name":2926,"color":2927},"documentation","0075ca",{"name":2906,"color":2907},{"name":2930,"color":2931},"announcement","ff7a1a",2358,"Showcase","2025-04-02T15:31:34Z","https://github.com/nuxt/ui/issues/2358",0.74331105,{"description":2938,"labels":2939,"number":2943,"owner":2915,"repository":2944,"state":2917,"title":2945,"updated_at":2946,"url":2947,"score":2948},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.7\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: compatibilityDate, devtools, modules\n- Runtime Modules: @nuxt/test-utils/module@3.17.2\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/~/github.com/olada/nuxt-starter-enej2mm2\n\n### Describe the bug\n\n## Use Case\n\nUse Case is to write a test for a plugin which provides a custom fetch method.\n\nThe custom fetch (which is pretty much the same as [the one in the \"official\" nuxt recipe](https://nuxt.com/docs/guide/recipes/custom-usefetch)) registers\na response interceptor which redirects to /login using Nuxt's `navigateTo`-method when the api responds with a 401 UNAUTHORIZED status.\n\n## The issue\n\nTo make sure that the functionality works, I want to verify it with a test.\nFor this purpose, I want to use the real `$api` method which is provided by the plugin.\n\nIn the test, I want to be able to verify that the navigation is correctly invoked.\n\nFor that purpose, I want to verify that the navigateTo-mock was invoked with the correct parameters.\n\nHowever, it seems that the mock is not being \"injected\" correctly because I receive following error message from vitest.\n\n```\n ❯ plugins/__tests__/customFetch-with-navigateTo-mock.nuxt.spec.ts (1 test | 1 failed) 13ms\n × Custom Open Fetch with mocked navigateTo > should redirect when fetch not successful and status is 401 12ms\n → expected \"spy\" to be called at least once\n\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Failed Tests 1 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯\n\n FAIL plugins/__tests__/customFetch-with-navigateTo-mock.nuxt.spec.ts > Custom Open Fetch with mocked navigateTo > should redirect when fetch not successful and status is 401\nAssertionError: expected \"spy\" to be called at least once\n ❯ eval plugins/__tests__/customFetch-with-navigateTo-mock.nuxt.spec.ts:35:3\n 33| })).rejects.toThrowError();\n 34| \n 35| expect(navigateToMock).toHaveBeenCalled();\n | ^\n 36| });\n 37| });\n\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/1]⎯\n\n\n Test Files 1 failed (1)\n Tests 1 failed (1)\n Start at 14:37:37\n Duration 592ms\n```\n\nShould mocking the navigateTo method not be possible in such scenario? Or is it because of that `nuxtApp.runWithContext` which makes this a different story?\n\nShould plugins be tested in a completely different way?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2940],{"name":2941,"color":2942},"pending triage","5D08F5",1206,"test-utils","Cannot mock navigateTo in test with nuxt environment","2025-03-24T14:18:51Z","https://github.com/nuxt/test-utils/issues/1206",0.74467385,{"description":2950,"labels":2951,"number":2957,"owner":2915,"repository":2916,"state":2917,"title":2958,"updated_at":2959,"url":2960,"score":2961},"### Description\n\nSomething like \n```\nmarks: [\n { at: \"minimum\" }, // Display minimum value\n { at: \"actual\", label: (value: string) => `Actual value is ${value}` }, // Display actual value with custom label\n { at: \"everystep\" } // Display every step value \n { at: \"maximum\" } // Display maximum value \n]\n```\n\n### Additional context\n\n_No response_",[2952,2955,2956],{"name":2953,"color":2954},"enhancement","a2eeef",{"name":2906,"color":2907},{"name":2912,"color":2913},3936,"Add suppport for displaying the actual value and step values in the USlider component","2025-04-20T09:16:17Z","https://github.com/nuxt/ui/issues/3936",0.7518818,{"description":2963,"labels":2964,"number":2968,"owner":2915,"repository":2916,"state":2917,"title":2969,"updated_at":2970,"url":2971,"score":2972},"### Environment\n\nsandbox\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/admiring-herschel-qyt4kh\n\n### Description\n\n`app.config`\n\n```\nbutton: {\n compoundVariants: [\n {\n color: 'primary',\n variant: 'soft',\n class: {\n base: 'text-green-500',\n leadingIcon: 'text-red-500'\n }\n },\n ]\n}\n```\n\nif button defined like without `active` the icon is red, but text is green\n```\n\u003CUButton\n label=\"Label\"\n color=\"primary\"\n variant=\"soft\"\n icon=\"mdi-account\"\n />\n```\n\nsame result is expected when using `active`, but `leadingIcon` is ignored\n```\n\u003CUButton\n label=\"Label\"\n active\n active-color=\"primary\"\n active-variant=\"soft\"\n icon=\"mdi-account\"\n @click.prevent=\"active = !active\"\n/>\n```\n\n### Additional context\n\n\u003Cimg width=\"202\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/0756fb1c-772c-44ae-855d-90aba304bd9e\" />",[2965,2966,2967],{"name":2903,"color":2904},{"name":2906,"color":2907},{"name":2912,"color":2913},3972,"Different result than static for active-color & active-variant","2025-04-24T15:30:39Z","https://github.com/nuxt/ui/issues/3972",0.7692952,{"description":2974,"labels":2975,"number":2979,"owner":2915,"repository":2916,"state":2917,"title":2980,"updated_at":2981,"url":2982,"score":2983},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.9\n- Package Manager: yarn@1.22.22\n- Runtime Modules: @nuxt/ui@3.0.2\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nDocumentation pinned column example is also displaying this behaviour:\n\n\n### Description\n\nWhen using column pinning, headers and cells containing buttons with icons get their text blurred, but the icon stays as is which makes the pinned text unreadable when icons is on it:\n\n\n\n### Additional context\n\nI have searched what it can be, but did not found any Z index issue, maybe it is linked to svg icons reaction with background. Even with a non transparent background, icon stays on top...\n\n### Logs\n\n```shell-script\n\n```",[2976,2977,2978],{"name":2903,"color":2904},{"name":2906,"color":2907},{"name":2912,"color":2913},3927,"Strange behaviour of buttons icons wrt. background in table columns pinned","2025-04-17T18:43:08Z","https://github.com/nuxt/ui/issues/3927",0.7732314,{"description":2985,"labels":2986,"number":2989,"owner":2915,"repository":2990,"state":2991,"title":2992,"updated_at":2993,"url":2994,"score":2995},"https://volta.s3.fr-par.scw.cloud/Clean_Shot_2022_11_16_at_17_20_41_8b14c455c0.mp4\n",[2987],{"name":2903,"color":2988},"ff281a",981,"nuxt.com","closed","[docs]/guide/directory-structure/app.config: missing content + broken nav ","2022-12-07T06:14:48Z","https://github.com/nuxt/nuxt.com/issues/981",0.6876007,{"description":2997,"labels":2998,"number":3003,"owner":2915,"repository":2916,"state":2991,"title":3004,"updated_at":3005,"url":3006,"score":3007},"### Description\n\nHow to enable [IntelliSense](https://ui3.nuxt.dev/components/link#intellisense)\n\nwhen wrie the code on class atribute like this\n `\u003Cdiv class=\"bg-red-500 text-white p-4 flex justify-between\">`\n\n the sugestion not show\n",[2999,3002],{"name":3000,"color":3001},"question","d876e3",{"name":2906,"color":2907},2949,"VS Code IntelliSense not working","2025-01-06T07:33:40Z","https://github.com/nuxt/ui/issues/2949",0.72371656,{"description":3009,"labels":3010,"number":3013,"owner":2915,"repository":2916,"state":2991,"title":3014,"updated_at":3015,"url":3016,"score":3017},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.11.1\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.11.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.8, @nuxtjs/html-validator@1.8.2, @nuxt/image@1.8.1, @nuxt/eslint@0.6.1, @nuxtjs/seo@2.0.0-rc.23\n- Build Modules: -\n------------------------------\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n\"@nuxt/ui\": \"3.0.0-alpha.8\",\n\n### Reproduction\n\n\u003C!-- layouts/default.vue -->\n\u003Ctemplate>\n \u003Cdiv class=\"container mx-auto\">\n \u003Cu-breadcrumb :items=\"items \" />\n \u003Cslot>\u003C/slot>\n \u003C/div>\n\u003C/template>\n\n\n\u003Cscript lang=\"ts\" setup>\nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst items = useBreadcrumbItems({\n schemaOrg: true,\n});\n\u003C/script>\n\n\n### Description\n\nthis will render the breadcrumbs in a \u003Cdiv> with an aria-label, which is a violation of this rule: https://html-validate.org/rules/aria-label-misuse.html\n\n- Rule ID: aria-label-misuse\n- Category: Accessibility\n- Standards: WCAG 2.2 (A)WCAG 2.1 (A)WCAG 2.0 (A)\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n ERROR HTML validation errors found for /song/justice-genesis-1\n\ninline\n 129:21990 error \"aria-label\" cannot be used on this element aria-label-misuse\n\n✖ 1 problem (1 error, 0 warnings)\n\nMore information:\n https://html-validate.org/rules/aria-label-misuse.html\n\n```",[3011,3012],{"name":2903,"color":2904},{"name":2906,"color":2907},2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.7274582,{"description":3019,"labels":3020,"number":3022,"owner":2915,"repository":2990,"state":2991,"title":3023,"updated_at":3024,"url":3025,"score":3026},"Noticed that the animation on the timeline does not work properly on mobile (only first item appears) AND we have an issue for the image when navigating on client-side (at least on Safari):\n\nhttps://user-images.githubusercontent.com/904724/180595606-b112686f-b2ce-4686-8be6-0620ab31dac5.MOV\n\nAlso notice the layout shift on reload, might be due to a lack of height specified on images.",[3021],{"name":2903,"color":2988},831,"[Community] About page timeline mobile","2023-02-15T12:31:02Z","https://github.com/nuxt/nuxt.com/issues/831",0.73464954,["Reactive",3028],{},["Set"],["ShallowReactive",3031],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fUpGKEfBUxAhxTkXWNlPsMF66241OdQ_Di00o6sPBmlc":-1},"/nuxt/nuxt.com/1087"]