\n\n## npx nuxi dev\n\n\u003Cimg width=\"1717\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/c362da21-f5f9-4c7d-a91c-f60bf6de9c0b\" />\n\n### Additional context\n\nThe classes are recognized in the .playground it seems. If I redefine the header, footer and layout in the playground they are displayed correctly. \n\n[header/footer/layout added to .playground](https://github.com/deetz99/ui3-layer-test/tree/test)\n\nIt seems that the styles aren't applied to the components that come from the layer.\n\n### Logs\n\n```shell-script\n\n```",[2057,2058,2059],{"name":2026,"color":2027},{"name":1988,"color":1989},{"name":2006,"color":2007},3544,"Tailwind classes missing when using layers","2025-03-14T19:00:15Z","https://github.com/nuxt/ui/issues/3544",0.7025805,{"description":2066,"labels":2067,"number":2073,"owner":1991,"repository":1992,"state":2049,"title":2074,"updated_at":2075,"url":2076,"score":2077},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.13.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.23.0\n- Nitro Version: 2.11.6\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate, runtimeConfig\n- Runtime Modules: @nuxt/ui@3.0.0, @nuxt/eslint@1.2.0, nuxt-echarts@0.2.6\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0\n\n### Reproduction\n\n```vue\n\u003Cscript setup lang=\"ts\">\nconst data = ref([\n {\n id: '0',\n },\n])\n\nconst add = () => {\n data.value.push({\n id: `${data.value.length}`,\n })\n console.log(data.value)\n}\n\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv>\n \u003CUTable :data=\"data\" class=\"flex-1\"/>\n \u003CUButton\n @click=\"add\">Add\n \u003C/UButton>\n \u003C/div>\n\u003C/template>\n```\n\n### Description\n\nAfter click the \"add\" button, it will push a new data into dataRef, but the Table will not rendering new data\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2068,2069,2072],{"name":2026,"color":2027},{"name":2070,"color":2071},"duplicate","cfd3d7",{"name":1988,"color":1989},3597,"UTable data updated but UI will not update","2025-03-24T02:11:33Z","https://github.com/nuxt/ui/issues/3597",0.70323193,{"description":2079,"labels":2080,"number":2083,"owner":1991,"repository":2048,"state":2049,"title":2084,"updated_at":2085,"url":2086,"score":2087},"",[2081],{"name":2026,"color":2082},"ff281a",1140,"[Cards]: external links icon missing","2023-02-15T12:31:11Z","https://github.com/nuxt/nuxt.com/issues/1140",0.7051421,{"description":2089,"labels":2090,"number":2093,"owner":1991,"repository":1992,"state":2049,"title":2094,"updated_at":2095,"url":2096,"score":2097},"### Description\n\nHow do I override e.g. `ui.modal.variants.fullscreen.false` styles for just one element?",[2091,2092],{"name":1985,"color":1986},{"name":1988,"color":1989},3704,"How to override variants for single components","2025-03-28T08:52:19Z","https://github.com/nuxt/ui/issues/3704",0.70533174,["Reactive",2099],{},["Set"],["ShallowReactive",2102],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"RX6P2y1O7uN9ZbjEQC4l0pKGDcKmjoWt_oBKohy9Gvk":-1},"/nuxt/ui/3687"]