\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.",[2013,2014,2017,2020],{"name":1985,"color":1986},{"name":2015,"color":2016},"v3","49DCB8",{"name":2018,"color":2019},"pro","5BD3CB",{"name":1988,"color":1989},3454,"PageMarquee with testimonials have performance trouble","2025-03-09T20:39:12Z","https://github.com/nuxt/ui/issues/3454",0.7884574,{"description":2027,"labels":2028,"number":2033,"owner":1991,"repository":1992,"state":1993,"title":2034,"updated_at":2035,"url":2036,"score":2037},"### Description\n\nI want to color certain dates according to a certain condition. Currently, there are two options available in the API: either unavailable or disabled. How do I implement this?",[2029,2032],{"name":2030,"color":2031},"question","d876e3",{"name":2015,"color":2016},3413,"UCalendar custom selecting dates","2025-02-27T11:25:46Z","https://github.com/nuxt/ui/issues/3413",0.79201216,{"description":2039,"labels":2040,"number":2043,"owner":1991,"repository":1992,"state":2044,"title":2045,"updated_at":2046,"url":2047,"score":2048},"### 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```",[2041,2042],{"name":1985,"color":1986},{"name":2015,"color":2016},3660,"closed","`USelectMenu` doesn't emit `UForm`.`change` as expected","2025-04-04T16:14:05Z","https://github.com/nuxt/ui/issues/3660",0.72245127,{"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":1985,"color":1986},{"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.7405599,{"description":2062,"labels":2063,"number":2069,"owner":1991,"repository":1992,"state":2044,"title":2070,"updated_at":2071,"url":2072,"score":2073},"### Environment\n\n \"@nuxt/ui\": \"^3.0.0-alpha.12\",\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.12\n\n### Reproduction\n\nself\n\n### Description\n\n```\n\u003Ctemplate> \n \u003CUSelectMenu\n v-model=\"form.regionId\"\n labelKey=\"name\"\n valueKey=\"iso\"\n :items=\"regions\"\n placeholder=\"Ej: Buenos Aires\"\n class=\"w-full\"\n :filter-fields=\"['name']\"\n />\n \u003CUSelectMenu\n v-model=\"form.cityId\"\n labelKey=\"name\"\n valueKey=\"id\"\n :items=\"cities\"\n placeholder=\"Ej: CABA\"\n class=\"w-full\"\n :filter-fields=\"['name']\"\n v-model:search-term=\"searchTerm\"\n :loading=\"loadingCities\"\n />\n\u003C/template>\n\u003Cscript setup lang=\"ts\">\nconst props = defineProps\u003C{\n regions: RegionModel[]\n}>();\nconst { regions } = toRefs(props);\n\n// Formulario reactivo\nconst form = reactive({\n name: '',\n address: '',\n regionId: '',\n cityId: '',\n website: '',\n phone: '',\n email: ''\n});\n\nconst loadingCities = ref\u003Cboolean>(false)\nconst getCities = async (regionId: string) => {\n try {\n loadingCities.value = true\n const response = await placeRepo.getCityByRegionId(regionId, searchTerm.value)\n cities.value = response\n } catch (error) {\n console.error(error)\n } finally {\n loadingCities.value = false\n }\n}\n\n\u003C/script>\n```\n\n### Additional context\n\nWhen you open select B and then open select A, select A flashes, B closes and A does not open.\n\n\n\n### Logs\n\n```shell-script\n\n```",[2064,2065,2068],{"name":1985,"color":1986},{"name":2066,"color":2067},"needs reproduction","CB47CF",{"name":2015,"color":2016},3312,"USelectmenu flickers when changing select and does not open 3.0.0-alpha.12 SelectMenu","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3312",0.74861085,{"description":2075,"labels":2076,"number":2079,"owner":1991,"repository":1992,"state":2044,"title":2080,"updated_at":2071,"url":2081,"score":2082},"### Environment\n\n- Operating System: Linux\n- Node Version: v23.4.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: bun@1.2.1\n- Builder: -\n- User Config: compatibilityDate, devtools, modules, runtimeConfig, auth, pinia, fonts, css, ui, app\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.12, @sidebase/nuxt-auth@0.10.0, @nuxt/fonts@0.10.3, @pinia/nuxt@0.9.0\n- Build Modules: -\n\n\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\nhttps://github.com/StefanH-AT/NuxtUi3-Shortcut-Meta\n\n### Description\n\n[According to the docs](https://ui3.nuxt.dev/composables/define-shortcuts#usage), `meta` is supposed to be translated to `Ctrl`, but on Linux, the Linux Meta key, which is the same as the Windows key, is detected.\n\nI find the usage of the word \"meta\" confusing due to this double meaning. Meta is commonly used to refer to the Windows aka Super aka Meta key, but not as Control\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2077,2078],{"name":1985,"color":1986},{"name":2015,"color":2016},3220,"Meta keyboard shortcut maps to system meta (\"Windows\") key on linux instead of Ctrl","https://github.com/nuxt/ui/issues/3220",0.75232846,{"description":2084,"labels":2085,"number":2088,"owner":1991,"repository":1992,"state":2044,"title":2089,"updated_at":2090,"url":2091,"score":2092},"### Description\n\nI am new using Nuxt UI, and I am loving it.\nI personally believe buttons look better when they are wider than taller, therefore I like to add more padding in the x axis, but I don't want to do this for each button.\n\nI am currently doing it like this:\n\n```html\n\u003CUButton\n to=\"/login\"\n size=\"xl\"\n color=\"warning\"\n variant=\"solid\"\n class=\"font-semibold px-4\"\n >\n Iniciar sesión\n \u003C/UButton>\n```\n\nbut I don't know how to add the option for all buttons.\nI tried doing this in the app.config.ts:\n\n```js\nui: {\n button: {\n slots: {\n base: 'px-4 cursor-pointer'\n },\n}\n \n```\n\nand the cursor-pointer worked, but the px-4 didn't work. Any idea on how to make this work?",[2086,2087],{"name":2030,"color":2031},{"name":2015,"color":2016},3646,"How do I change the padding of all buttons globally?","2025-03-24T01:29:59Z","https://github.com/nuxt/ui/issues/3646",0.76201093,{"description":2094,"labels":2095,"number":2098,"owner":1991,"repository":1992,"state":2044,"title":2099,"updated_at":2100,"url":2101,"score":2102},"### 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```",[2096,2097],{"name":1985,"color":1986},{"name":2015,"color":2016},2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.76414543,["Reactive",2104],{},["Set"],["ShallowReactive",2107],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"klZUzmTWnnTHGsdHvA0Eawyhi0o4Dcl9f-eQaiQ2fHg":-1},"/nuxt/ui/3751"]