\n\n\u003Cimg width=\"712\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/0a9f273f-cb27-4824-ac2f-6497980294ec\" />\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2904,2905,2906],{"name":2887,"color":2888},{"name":2890,"color":2891},{"name":2893,"color":2894},3558,"Padding and Sizing on UAvatar","2025-03-13T13:44:50Z","https://github.com/nuxt/ui/issues/3558",0.7353001,{"labels":2913,"number":2918,"owner":2877,"repository":2877,"state":2919,"title":2920,"updated_at":2921,"url":2922,"score":2923},[2914,2915],{"name":2868,"color":2869},{"name":2916,"color":2917},"2.x","d4c5f9",6104,"closed","Layout should be able to extend another layout (\"layout nesting\"?)","2023-01-22T15:50:56Z","https://github.com/nuxt/nuxt/issues/6104",0.6934662,{"labels":2925,"number":2928,"owner":2877,"repository":2877,"state":2919,"title":2929,"updated_at":2930,"url":2931,"score":2932},[2926,2927],{"name":2868,"color":2869},{"name":2916,"color":2917},10299,"Layout options","2025-03-12T16:25:33Z","https://github.com/nuxt/nuxt/issues/10299",0.6951565,{"description":2934,"labels":2935,"number":2938,"owner":2877,"repository":2877,"state":2919,"title":2939,"updated_at":2940,"url":2941,"score":2942},"It would be nice enough to be able to create layouts that would imitate other layouts. Let's say this:\r\n```bash\r\n/---layout\r\n | default.vue\r\n |\r\n /---header\r\n index.vue\r\n full-width.vue\r\n sidebar.vue\r\n```\r\nIn the `/layout/header/index.vue` we create the base with header:\r\n```html\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"header-template-root\">\r\n \u003Capp-header>\u003C/app-header>\r\n \u003Cmain>\r\n \u003Cnuxt/>\r\n \u003C/main>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\nNext, we complement this layout in an nested `/layout/header/sidebar.vue`:\r\n```html\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"sidebar-template-root\">\r\n \u003Caside>\r\n \u003C!-- -->\r\n \u003C/aside>\r\n \u003Carticle>\r\n \u003Cnuxt/>\r\n \u003C/article>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\nFinally, we use this layout on the page\r\n```html\r\n\u003Ctemplate>\r\n \u003Cp>Page content ...\u003C/p>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\n export default {\r\n layout: 'header/sidebar'\r\n }\r\n\u003C/script>\r\n```\r\nAs a result, we will get a page with the following code:\r\n```html\r\n\u003Cdiv class=\"header-template-root\">\r\n \u003Capp-header>\u003C/app-header>\r\n \u003Cmain>\r\n \u003Cdiv class=\"sidebar-template-root\">\r\n \u003Caside>\r\n \u003C!-- -->\r\n \u003C/aside>\r\n \u003Carticle>\r\n \u003Cp>Page content ...\u003C/p>\r\n \u003C/article>\r\n \u003C/div>\r\n \u003C/main>\r\n\u003C/div>\r\n```\r\n\r\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\r\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2683\">#c2683\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2936,2937],{"name":2868,"color":2869},{"name":2916,"color":2917},3099,"[Feature request]: Create nested Layouts","2025-03-18T08:49:20Z","https://github.com/nuxt/nuxt/issues/3099",0.70215094,{"description":2944,"labels":2945,"number":2950,"owner":2877,"repository":2896,"state":2919,"title":2951,"updated_at":2952,"url":2953,"score":2954},"### Description\n\nI came across the fact that I can't use variations of combinations in the \u003CUKbd /> component, e.g. `\u003CUkbd>meta K\u003C/UKbd>`. After researching the code, I realized that composable, in principle, does not support multi-input, only a known value is expected. It would be nice if there was support for entering a combination of words.\n\nI can create an MR if it really seems useful to you.\n\n### Additional context\n\n_No response_",[2946,2948,2949],{"name":2868,"color":2947},"a2eeef",{"name":2890,"color":2891},{"name":2893,"color":2894},3697,"Support for combinations in the useKbd() composable","2025-03-26T14:57:19Z","https://github.com/nuxt/ui/issues/3697",0.7115342,{"description":2956,"labels":2957,"number":2960,"owner":2877,"repository":2896,"state":2919,"title":2961,"updated_at":2962,"url":2963,"score":2964},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.13.1`\n- Nuxt Version: `3.15.4`\n- CLI Version: `3.22.2`\n- Nitro Version: `2.10.4`\n- Package Manager: `bun@1.2.2`\n- Builder: `-`\n- User Config: `compatibilityDate`, `ssr`, `extends`, `modules`, `css`, `components`, `ui`, `app`, `dayjs`, `icon`\n- Runtime Modules: `@nuxt/ui-pro@3.0.0-beta.2`, `dayjs-nuxt@2.1.11`\n- Build Modules: `-`\n\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```ts\nexport default defineAppConfig({\n ui: {\n colors: {\n violet: 'violet',\n },\n },\n});\n```\n\n```ts\nexport default defineNuxtConfig({\n ui: {\n theme: {\n colors: [\n 'primary', 'secondary', 'tertiary',\n 'info', 'success', 'warning',\n 'error', 'violet'\n ]\n }\n },\n});\n\n```\n\n### Description\n\nSetting a custom color with the same name as the color causes some kind of cylical referernce in the css vars between NuxtUIv3 and TWv4.\n\n\n\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2958,2959],{"name":2887,"color":2888},{"name":2890,"color":2891},3426,"Setting custom color alias the same name as the color does not work","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3426",0.7198546,{"description":2966,"labels":2967,"number":2970,"owner":2877,"repository":2971,"state":2919,"title":2972,"updated_at":2973,"url":2974,"score":2975},"### Describe the feature\n\nThis might sound funny, but I am currently opening `nuxt.com` like 50 times a day, mostly to get a docs link to something I want to send to somebody/post somewhere for reference. And I always have to click on \"Docs\" before accessing the input field for the search. \r\n\r\nAn easy fix would be to also add the search field to the `nuxt.com/` home page.\r\n\r\nAs the website repo is not yet open source, I cannot propose a PR.\n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2968],{"name":2868,"color":2969},"1ad6ff",1225,"nuxt.com","[Docs] Add the docs search field to the nuxt.com homepage","2023-10-10T14:45:11Z","https://github.com/nuxt/nuxt.com/issues/1225",0.72242934,{"description":2977,"labels":2978,"number":2981,"owner":2877,"repository":2877,"state":2919,"title":2982,"updated_at":2983,"url":2984,"score":2985},"### What problem does this feature solve?\n\nReadability of output html is sacrificed, since even if you put simplest implementation in default layout file you will have extra div's created\n```\n\u003Ctemplate>\n \u003Cmain>\u003Cnuxt/>\u003C/main>\n\u003C/template>\n```\nwill result in\n```\n\u003Cbody data-n-head=\"\">\n \u003Cdiv id=\"__nuxt\">\n \u003Cdiv class=\"nuxt-progress\">\u003C/div>\n \u003Cdiv id=\"__layout\">\n \u003Cmain>\n \u003Cdiv data-v-1b011d9c=\"\">\n Hello!\n \u003C/div>\n \u003C/main>\n \u003C/div>\n \u003C/div>\n\u003C/div>\n```\nI want to be able to remove extra div's like id=\"__nuxt\" class=\"nuxt-progress\" id=\"__layout\" so that the output html is more readable to search engines and was easier to read.\n\n\n### What does the proposed changes look like?\n\nSince we already have possibility to override document, we should have more control on that like\n```\n\u003C!DOCTYPE html>\n\u003Chtml {{ HTML_ATTRS }}>\n \u003Chead>\n {{ HEAD }}\n \u003C/head>\n \u003Cbody {{ BODY_ATTRS }}>\n {{ APP }}\n \u003C/body>\n\u003C/html>\n```\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7645\">#c7645\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2979,2980],{"name":2868,"color":2869},{"name":2916,"color":2917},3811,"Allow possibility to change/remove div id=__layout and div id=__nuxt","2023-01-22T15:50:41Z","https://github.com/nuxt/nuxt/issues/3811",0.7238941,["Reactive",2987],{},["Set"],["ShallowReactive",2990],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fzbwgAeMXesdB9K77NqVZXva2HSUUhI3rgmlmVyBJvAE":-1},"/nuxt/ui/2888"]