\n\n\u003Cimg src=\"https://github.com/user-attachments/assets/6caf4ee6-0cb9-4c7e-9bc7-07e320248b8e\" width=\"400\"/>\n\n\u003Cimg src=\"https://github.com/user-attachments/assets/b64d9960-4877-4fc4-b016-92ce8c4cf393\" width=\"400\"/>\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2948,2951,2952,2953,2956],{"name":2949,"color":2950},"bug","d73a4a",{"name":2906,"color":2907},{"name":2909,"color":2910},{"name":2954,"color":2955},"closed-by-bot","ededed",{"name":2957,"color":2955},"stale",2995,"Improve disabled state visibility for Tabs and other components","2025-06-18T09:02:44Z","https://github.com/nuxt/ui/issues/2995",0.755214,{"description":2964,"labels":2965,"number":2973,"owner":2912,"repository":2912,"state":2927,"title":2974,"updated_at":2975,"url":2976,"score":2977},"### Version\n\n[v2.9.2](https://github.com/nuxt.js/releases/tag/v2.9.2)\n\n### Reproduction link\n\n[https://github.com/raWINce/nuxt-duplicate-data-v-attribute](https://github.com/raWINce/nuxt-duplicate-data-v-attribute)\n\n### Steps to reproduce\n\nReload the page\n\n\n### What is expected ?\n\nCorrect html without duplicate attributes that is valid according to https://validator.w3.org\n\n### What is actually happening?\n\nThe `div` rendered inside the slot has a dupplicate `data-v-*` attribute. The html provided by the nuxt server is thus no valid html according to https://validator.w3.org\n\n\n\nThis behaviour only occurs, when\n- the parent of the component with the render function has scoped styles\n- the `render` function directly returns the slot: `return this.$scopedSlots.default()`\n- the child component has scoped styles and a slot\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c9763\">#c9763\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2966,2967,2970],{"name":2957,"color":2910},{"name":2968,"color":2969},"pending triage","E99695",{"name":2971,"color":2972},"2.x","d4c5f9",6401,"Duplicate data-v-* attribute with render function scopedSlot and scoped styles","2023-01-22T15:34:44Z","https://github.com/nuxt/nuxt/issues/6401",0.7589092,{"description":2979,"labels":2980,"number":2983,"owner":2912,"repository":2913,"state":2927,"title":2984,"updated_at":2985,"url":2986,"score":2987},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.11.0\n- Nuxt Version: 3.14.0\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/icon@1.10.3, @nuxt/content@2.13.4, @nuxt/ui@2.20.0, @dargmuesli/nuxt-cookie-control@8.4.20, @pinia/nuxt@0.9.0\n- Build Modules: -\n\n### Version\n\nv2.20.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-dbszxsce?file=app.vue\n\n### Description\n\nWhen I ran chrome lighthouse, the results showed that the breadcrumb section was detected as not complying with the recommendation.\n\nI'm using `icon` only without label with defined `to` at first of Links array, to make it more descriptive as lighthouse said, i pass `'aria-label'` property and its value to object of `Links`, at first i thought it would work because as the documentation said about Breadcrumb:\n\n> You can also pass any property from the [NuxtLink](https://nuxt.com/docs/api/components/nuxt-link#props) component such as to, exact, etc. \n> Reference: https://ui.nuxt.com/components/breadcrumb#usage\n\nwell the attrbute is not rendered, but if i pass `ariaLabel` property, the attribute is rendered correctly (with `-` symbol) **Without reloading or HMR triggered,** , and if the page refreshed, it's broken (`-` symbol missing) \n\nNote: i always apply it to every NuxtLink though, aria-label is working as expected\n\nIs there any such way to apply aria-label without `'label'` on object of the links?\n\n### Additional context\n\nattribute rendered as expected (HMR trigger)\n\n\ndash symbol is missing after page reload\n",[2981,2982],{"name":2949,"color":2950},{"name":2909,"color":2910},3007,"UBreadcrumb wont render aria attribute","2025-03-24T17:55:54Z","https://github.com/nuxt/ui/issues/3007",0.76445824,{"description":2989,"labels":2990,"number":2993,"owner":2912,"repository":2913,"state":2927,"title":2994,"updated_at":2995,"url":2996,"score":2997},"### Environment\n\n\"@vueuse/nuxt\": \"^13.1.0\"\n\"@nuxt/ui\": \"^3.1.2\"\nnode: lts/jod (22.11.0)\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.2\n\n### Reproduction\n\n\n\n\n\n### Description\n\nWhen using the UTab component with the variant=\"link\", applying custom CSS classes to enable horizontal scrolling (e.g., overflow-x: auto; or equivalent utility classes) causes the visual style indicating the currently active tab to be lost or overridden.\n\n```js\n{\n variant: 'link',\n ui: {\n list: 'bg-white overflow-x-auto overflow-y-hidden',\n trigger: 'min-w-auto'\n }\n}\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2991,2992],{"name":2949,"color":2950},{"name":2906,"color":2907},4198,"UTabs style issue","2025-05-23T13:23:24Z","https://github.com/nuxt/ui/issues/4198",0.76488185,{"description":2999,"labels":3000,"number":3014,"owner":2912,"repository":2912,"state":2927,"title":3015,"updated_at":3016,"url":3017,"score":3018},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v20.9.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: yarn@1.22.19\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n**!!! It only appears in production mode. Run** `yarn build && yarn preview`\r\n\r\nhttps://codesandbox.io/p/devbox/affectionate-lederberg-vz2xsy\r\n\r\n### Describe the bug\r\nWhen a component is used across multiple pages, the styles associated with that component do not appear as inline styles. This issue arises because these components are likely candidates for quick loading. For instance, I have an icon component that appears on every page. From a performance perspective, it's crucial to load the styles from this component as soon as possible, similar to critical CSS. In a real application, there may be components responsible for establishing the page layout, and they should ideally be loaded as soon as possible.\r\n\r\nIn reproduction, you'll notice that the \"IconComponent\" turns red once the styles from the file are applied. This delay increases the First Contentful Paint (FCP). Those styles should be loaded as critical css (which worked that way in nuxt 2).\r\n\r\n\r\n\r\nHowever, if you delete the `test.vue` page, the styles from the \"IconComponent\" are added as inline CSS.\r\n\r\n\r\n\r\nIs this behavior expected? Is there a method to enforce inline styles for certain components?\r\n\r\nCould this issue be related to https://github.com/nuxt/nuxt/issues/22507 ?\r\n\r\n### Additional context\r\n\r\nEven when I add this component as suggested here https://github.com/nuxt/nuxt/issues/22507#issuecomment-1757833275\r\nThose styles are still not included as inline.\r\nhttps://codesandbox.io/p/devbox/gifted-noyce-j3rncx\r\n\r\n\r\n\r\n\r\n### Logs\r\n\r\n_No response_",[3001,3004,3005,3008,3011],{"name":3002,"color":3003},"3.x","29bc7f",{"name":2949,"color":2950},{"name":3006,"color":3007},"vite","3574D1",{"name":3009,"color":3010},"🔨 p3-minor","FBCA04",{"name":3012,"color":3013},"inline styles","68AF97",25420,"missing important inline styles from components used across multiple pages","2024-01-28T21:27:14Z","https://github.com/nuxt/nuxt/issues/25420",0.7653163,{"labels":3020,"number":3024,"owner":2912,"repository":2912,"state":2927,"title":3025,"updated_at":3026,"url":3027,"score":3028},[3021,3022,3023],{"name":2957,"color":2910},{"name":2968,"color":2969},{"name":2971,"color":2972},7872,"Duplicate data-v-* attribute when adding scoped css style in nested component","2023-01-22T15:36:04Z","https://github.com/nuxt/nuxt/issues/7872",0.7655583,{"description":3030,"labels":3031,"number":3033,"owner":2912,"repository":2912,"state":2927,"title":3034,"updated_at":3035,"url":3036,"score":3037},"### Environment\r\n\r\n- Operating System: Windows_NT\r\n- Node Version: v20.11.0\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: yarn@1.22.22\r\n- Builder: -\r\n- User Config: modules, colorMode, devtools, srcDir,\r\n css, compatibilityDate\r\n- Runtime Modules: @nuxt/ui@2.18.4, @nuxtjs/google-fonts@3.2.0, @nuxt/eslint@0.4.0, @nuxt/image@1.7.0\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nThis is my MembersDetailInformation component\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"flex flex-col gap-4\">\r\n \u003Cdiv>\r\n \u003Cspan class=\"text-lg font-bold\">About this member\u003C/span>\r\n \u003Cul>\r\n \u003Cli v-for=\"item in about\" :key=\"item\">{{ item }}\u003C/li>\r\n \u003C/ul>\r\n \u003C/div>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\nimport type { MembersDetailInformationProps } from '~/types/members'\r\n\r\ndefineProps\u003CMembersDetailInformationProps>()\r\n\u003C/script>\r\n```\r\n\r\nThis is the props of above component\r\n```ts\r\nexport type MembersDetailInformationProps = {\r\n about: string[]\r\n activites: string[]\r\n quote: string\r\n}\r\n```\r\n\r\nAnd data for above component\r\n```ts\r\n{\r\n about: [\r\n 'Lorem ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum',\r\n 'Lorem ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum',\r\n 'Lorem ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum'\r\n ],\r\n activites: [\r\n 'Lorem ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum',\r\n 'Lorem ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum',\r\n 'Lorem ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum'\r\n ],\r\n quote: 'Lorem ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum',\r\n}\r\n```\r\n\r\n### Describe the bug\r\n\r\nI don't know why the bullet points of the ul tag disappeared.\r\n\r\n\r\nI think my issue is very easy to deal with, but I still cannot find the solution :((((\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3032],{"name":2968,"color":2969},28636,"Why are the bullet points hidden?","2024-08-21T20:00:54Z","https://github.com/nuxt/nuxt/issues/28636",0.76696193,["Reactive",3039],{},["Set"],["ShallowReactive",3042],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f4Wf3wZA7HNVs_feeYiL8eUnQsAFrTyfPMaEs1IizeJ8":-1},"/nuxt/ui/4403"]