\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\ncomponents/content/Container.vue:\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Cslot />\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nlayouts/full.vue:\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"custom-layout\">\r\n \u003Cslot />\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\ncontent/index.md:\r\n```markdown\r\n---\r\nlayout: 'full'\r\n---\r\n\r\n:component-with-icon\r\n\r\n::container\r\nSlot nr 1\r\n::::container\r\nSlot nr 2\r\n::::\r\n::\r\n```\r\n\r\nThis bug prevents the site from being used in development mode due to the infinity loop. The problem does not occur in the latest beta version of nuxt-icon, but in the original project I use nuxt-ui, which uses the old version \r\n",[],157,"Infinite WARN loop with slots and nuxt-content","2024-09-06T11:17:31Z","https://github.com/nuxt/icon/issues/157",0.744198,{"description":3095,"labels":3096,"number":3099,"owner":3021,"repository":3069,"state":3037,"title":3100,"updated_at":3101,"url":3102,"score":3103},"### Description\n\nHow can I listen to an event, when a link in the UNavigationMenu is clicked?\n\nI want to close the sidebar, that the navigationmenu is inside....\n\nI can see that there is a select event in the NavigationMenuLink component\n\n",[3097,3098],{"name":3066,"color":3067},{"name":3079,"color":3080},3216,"UNavigationMenu: Listen to select event","2025-02-05T13:23:51Z","https://github.com/nuxt/ui/issues/3216",0.746691,{"description":3105,"labels":3106,"number":3108,"owner":3021,"repository":3021,"state":3037,"title":3109,"updated_at":3110,"url":3111,"score":3112},"##### First of all, forgive me if I'm talking nonsense 😅\r\n\r\nHello everyone, I'm trying to use ```stylus-loader``` just like we do with ```sass-loader```, however I do not get the same result:\r\n\r\nWith ```sass-loader``` it runs fine, but when trying to use the ```stylus-loader``` an error is thrown:\r\n\r\n```bash\r\nModule build failed: Error: Can not find module 'stylus'\r\n```\r\nI tried to just install: ```npm i --save-dev stylus-loader```, just like I did with sass .. I have not tried any configuration in ```nuxt.config.js``` since I imagine it should already be \"native\" since version [1.0](https://github.com/nuxt/nuxt.js/issues/240)\r\n\r\n**How can I use stylus in .vue components?**\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2385\">#c2385\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3107],{"name":3034,"color":3035},2746,"How to use stylus in .vue style tag with lang attribute","2023-01-18T16:02:37Z","https://github.com/nuxt/nuxt/issues/2746",0.74708843,{"description":3114,"labels":3115,"number":3108,"owner":3021,"repository":3069,"state":3037,"title":3123,"updated_at":3124,"url":3125,"score":3112},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\nHey. I'd like to be able to write a simple test, validating that an input field is required and shows correct validation message. Might look something like this:\n```ts\ndescribe('login page', async () => {\n\tawait setup();\n\tit('requires the email field', async () => {\n\t\tconst page = await createPage('/sign-in');\n\t\tawait page.getByTestId('sign-in').click();\n\t\texpect(await page.getByTestId('email-error').isVisible()).toBe(true);\n\t});\n});\n```\nIt does not seem to be possible to add data attributes, in this case, `email-error` to the error message that appears on failed form validation.\nThis is obviously just an example, but I'm sure it'd be useful on many other components.\n\n### Additional context\n\n_No response_",[3116,3119,3120],{"name":3117,"color":3118},"enhancement","a2eeef",{"name":3079,"color":3080},{"name":3121,"color":3122},"triage","ffffff","Allow setting `data` attributes on nested elements","2025-03-28T17:29:10Z","https://github.com/nuxt/ui/issues/2746",["Reactive",3127],{},["Set"],["ShallowReactive",3130],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fTXKV7QQhkObJ-snZHI2kg89k93hRdZ1v9wR1wYCN3SU":-1},"/nuxt/icon/305"]