\n \u003C/NuxtLayout>\n \u003C/UApp>\n\u003C/template>\n\u003Cscript setup lang=\"ts\">\nimport {TooltipProviderProps} from \"reka-ui\";\n\nconst tooltipProps : TooltipProviderProps = {\n delayDuration: 700,\n skipDelayDuration: 300,\n disableHoverableContent: false,\n disableClosingTrigger: false,\n disabled: false,\n ignoreNonKeyboardFocus: false,\n}\n\u003C/script>\n```\n**nuxt.config.ts**\n```\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n compatibilityDate: '2024-11-01',\n ssr: false,\n srcDir: 'src',\n devtools: { enabled: true },\n modules: [\n '@nuxt/ui',\n '@pinia/nuxt',\n '@nuxt/image',\n 'nuxt-icons',\n '@nuxtjs/i18n',\n ],\n css: ['~/assets/css/main.css']\n})\n```\nI found that when Nuxt3 SSR is set to false, the tooltip and toast do not display, and the tooltip also reports an error of 500\n\nInjection `Symbol(TooltipProviderContext)` not found. Component must be used within `TooltipProvider`\n\nI hope to find a solution.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2001,2004,2005],{"name":2002,"color":2003},"bug","d73a4a",{"name":1988,"color":1989},{"name":2006,"color":2007},"triage","ffffff",3932,"Nuxt3 SSR is set to false, the tooltip and toast become invalid","2025-04-18T11:09:10Z","https://github.com/nuxt/ui/issues/3932",0.7826196,{"description":2014,"labels":2015,"number":2022,"owner":1991,"repository":1992,"state":1993,"title":2023,"updated_at":2024,"url":2025,"score":2026},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.10.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.11.0\n- Builder: -\n- User Config: modules, devtools, css, content, future, compatibilityDate, image, build, routeRules, site, hooks, icon, colorMode, nitro, typescript, eslint\n- Runtime Modules: @nuxt/ui-pro@3.0.0-beta.2, @nuxtjs/seo@2.2.0, @nuxt/content@3.2.2, @nuxt/eslint@1.1.0, @nuxt/image@1.9.0, @vueuse/nuxt@12.7.0, @nuxtjs/html-validator@2.0.0, nuxt-payload-analyzer@0.1.4\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-beta.2\n\n### Reproduction\n\n-\n\n### Description\n\nI’ve noticed significant performance issues when using `UPageMarquee` with testimonials. The load time is drastically affected, and the overall experience is slow. It seems like the testimonials component is causing major bottlenecks.\n\nhttps://ui3.nuxt.dev/components/page-marquee#testimonials\n\n```\n\u003Cdiv class=\"flex flex-col gap-4 w-full\">\n \u003CUPageMarquee\n pause-on-hover\n :overlay=\"false\"\n :ui=\"{ root: '[--gap:--spacing(4)] [--duration:80s]', content: 'w-auto py-1' }\"\n >\n \u003CUPageCard\n v-for=\"(testimonial, index) in page.testimonials.items\"\n :key=\"index\"\n class=\"break-inside-avoid\"\n variant=\"subtle\"\n :description=\"testimonial.quote\"\n :ui=\"{\n description: 'before:content-[open-quote] after:content-[close-quote] line-clamp-3'\n }\"\n class=\"w-64 shrink-0\"\n >\n \u003CULandingTestimonial\n v-bind=\"testimonial\"\n class=\"bg-gray-100/50 dark:bg-gray-800/50\"\n />\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.",[2016,2017,2018,2021],{"name":2002,"color":2003},{"name":1988,"color":1989},{"name":2019,"color":2020},"pro","5BD3CB",{"name":2006,"color":2007},3454,"PageMarquee with testimonials have performance trouble","2025-03-09T20:39:12Z","https://github.com/nuxt/ui/issues/3454",0.7934575,{"description":2028,"labels":2029,"number":2032,"owner":1991,"repository":1992,"state":1993,"title":2033,"updated_at":2034,"url":2035,"score":2036},"I currently have the problem that we have to integrate our SPA into a larger application. And with that, we also inherit the CSS of the outer application. And that's where it gets really ugly: they have partially written classes in their own CSS files that use the TW naming scheme (m, p, gap, shadow, etc.), and then add `!important` to these declarations. \n\nOne of the big problems with Nuxt UI is that there is no prefixing of Tailwind classes. So we started writing TW utilities with a prefix for the affected classes. This is then transferred to app.config. The second problem was the merge process that app.config uses. Usually the names have to match. If I want to have a `p-4` from the config (because px values with !important were entered in the outer CSS), I created the class `p-00`, which replaces the `p-4` class and thus clears the way for the prefixed TW class `o-p-4`.\n\nSo far so good, but I can't use it with popovers like SelectMenu. No matter what I do, the class `shadow-lg` remains. The other devs of the main application have entered a rather ugly shadow with important there. \n\nIs there another prop like 'content' that I can use to replace `shadow-lg`? I'm not a fan of `!important`, but at this point I can only work this way.\n\nFurthermore, it would be really nice if you could really overwrite the sections in app.config instead of just merging them (apart from prefixing the TW classes). There are certain stylings that you won't use, but then they are in the element",[2030,2031],{"name":1985,"color":1986},{"name":1988,"color":1989},3874,"Changing Shadow Classes on Popover and SelectMenu","2025-04-13T13:53:28Z","https://github.com/nuxt/ui/issues/3874",0.7968955,{"description":2038,"labels":2039,"number":43,"owner":1991,"repository":2043,"state":2044,"title":2045,"updated_at":2046,"url":2047,"score":2048},"\n",[2040],{"name":2041,"color":2042},"enhancement","1ad6ff","nuxt.com","closed","[Docs] Remove TOC for examples","2023-02-15T12:31:33Z","https://github.com/nuxt/nuxt.com/issues/756",0.7592221,{"description":2050,"labels":2051,"number":2056,"owner":1991,"repository":1992,"state":2044,"title":2057,"updated_at":2058,"url":2059,"score":2060},"### Environment\n\n```\nNuxt project info: 4:16:28 PM\n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.14.0\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@8.8.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2, @nuxt/eslint@0.3.13, @nuxt/test-utils/module@3.14.4, @pinia/nuxt@0.5.5, @vueuse/nuxt@10.11.1, nuxt-shiki@0.3.0, nuxt-svgo@4.0.8\n- Build Modules: -\n------------------------------\n```\n\n### Version\n\nv2.19.2\n\n### Reproduction\n\nI don't know how to reproduce it unfortunately.\n\n### Description\n\nI often have a bunch of `[Icon] loading icon `heroicons:magnifying-glass` timed out after 500ms` on firefox\n\n\n\nit impacts the breadcrumb component\n\nbut also other `\u003CUIcon>` instances\n\nDo you have any idea about where those timeouts maybe coming from \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2052,2053],{"name":2002,"color":2003},{"name":2054,"color":2055},"upstream","78bddb",2573,"Icon timeout despite having installed the @iconify-json/heroicons collection","2024-11-08T16:41:20Z","https://github.com/nuxt/ui/issues/2573",0.76102245,{"description":2062,"labels":2063,"number":2067,"owner":1991,"repository":1992,"state":2044,"title":2068,"updated_at":2069,"url":2070,"score":2071},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.18.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.0\n- Nitro Version: 2.11.8\n- Package Manager: pnpm@9.12.3\n- Builder: -\n- User Config: ssr, modules, devtools, spaLoadingTemplate, future, runtimeConfig, colorMode, ui, css, app, routeRules, plausible, $production, $development, sourcemap, sentry, compatibilityDate\n- Runtime Modules: @sentry/nuxt/module@9.10.1, @nuxt/ui-pro@3.0.2, @nuxt/content@3.4.0, @nuxt/image@1.10.0, @vueuse/nuxt@13.0.0, @nuxt/scripts@0.11.5, @nuxtjs/plausible@1.2.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/keen-cannon-s6mnt5?file=%2Fapp%2Fpages%2Findex.vue%3A4%2C14\n\n### Description\n\nI'm encountering an issue with the `loading-auto` prop on `\u003CUButton>` when the button is placed outside the `\u003CUForm>` and uses the `form` attribute to link to the form.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2064,2065,2066],{"name":2002,"color":2003},{"name":1988,"color":1989},{"name":2006,"color":2007},3856,"`loading-auto` attribute not working when `\u003CUButton>` is outside the form with `form` attribute","2025-04-12T15:54:22Z","https://github.com/nuxt/ui/issues/3856",0.7642995,{"description":2073,"labels":2074,"number":2077,"owner":1991,"repository":1992,"state":2044,"title":2078,"updated_at":2079,"url":2080,"score":2081},"### Environment\n\n- Operating System: `Linux`\n- Node Version: `v20.16.0`\n- Nuxt Version: `3.16.1`\n- CLI Version: `3.23.1`\n- Nitro Version: `2.11.7`\n- Package Manager: `pnpm@10.6.3`\n- Builder: `-`\n- User Config: `modules`, `devtools`, `css`, `vite`, `colorMode`, `nitro`, `future`, `compatibilityDate`, `hub`, `app`, `schemaOrg`, `i18n`\n- Runtime Modules: `@nuxthub/core@0.8.18`, `@nuxt/ui@3.0.0`, `@nuxtjs/i18n@9.3.2`, `@nuxtjs/seo@3.0.1`, `nuxt-auth-utils@0.5.17`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.16.1\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/dry-sun-8ddkqr\n\n### Description\n\nThe events of the `USelectMenu` do not work as intended. As you can see in the reproduction, the `change` event of the `UForm` is expected to be emitted every time you select/deselect/create an item, but instead it's emitted only a few seemingly random times.\n\nSwitching to the `input` event on the form has the same random behavior.\n\nI am also surprised programmatically changing the list of values doesn't trigger the `update` event on the `USelectMenu`, but that could be by design and is not really the blocking issue here.\n\nMy reproduction code is a simplification of my real code. It is very similar to the documentation example for creating items, main difference is the multi selection. However the issue also occurs without multi selection.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2075,2076],{"name":2002,"color":2003},{"name":1988,"color":1989},3660,"`USelectMenu` doesn't emit `UForm`.`change` as expected","2025-04-04T16:14:05Z","https://github.com/nuxt/ui/issues/3660",0.7684898,{"description":2083,"labels":2084,"number":2086,"owner":1991,"repository":1992,"state":2044,"title":2087,"updated_at":2088,"url":2089,"score":2090},"### 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_",[2085],{"name":2002,"color":2003},2261,"\"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.7728408,{"description":2092,"labels":2093,"number":2097,"owner":1991,"repository":2043,"state":2044,"title":2098,"updated_at":2099,"url":2100,"score":2101},"Example: https://www.raycast.com/nhojb/brew",[2094],{"name":2095,"color":2096},"design","00bd6f",673,"[Modules] Details page","2023-09-05T08:18:34Z","https://github.com/nuxt/nuxt.com/issues/673",0.7787621,["Reactive",2103],{},["Set"],["ShallowReactive",2106],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"ewtbhoasTE1nHUX47ZF4mE_uiJqk48fKcqlgGTSywds":-1},"/nuxt/ui/2939"]