\r\n \u003Clink rel=\"stylesheet\" href=\"/assets/css/main-min.css\">\r\n\r\n \u003Cscript src=\"/assets/js/dist/modernizr-custom.js\">\u003C/script>\r\n \u003C/head>\r\n \u003Cbody class=\"\">\r\n \u003C!--[if lt IE 8]>\r\n \u003Cp class=\"browserupgrade\">You are using an \u003Cstrong>outdated\u003C/strong> browser. Please \u003Ca href=\"http://browsehappy.com/\">upgrade your browser\u003C/a> to improve your experience.\u003C/p>\r\n \u003C![endif]-->\r\n \u003Cdiv class=\"wrapper\">\r\n \u003CSiteHeader/>\r\n \u003Cmain class=\"main\">\r\n \u003Cnuxt/>\r\n \u003C/main>\u003C!-- main -->\r\n \u003CSiteFooter/>\r\n \u003C/div>\u003C!-- wrapper -->\r\n\r\n\r\n \u003C!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->\r\n \u003Cscript src=\"http://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js\">\u003C/script>\r\n \u003Cscript src=\"/assets/js/dist/main-min.js\">\u003C/script>\r\n\r\n \u003C/body>\r\n \u003C/html>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nimport SiteHeader from '~components/SiteHeader'\r\nimport SiteFooter from '~components/SiteFooter'\r\n\r\nexport default {\r\n components: {\r\n SiteHeader,\r\n SiteFooter\r\n }\r\n}\r\n\u003C/script>\r\n```\r\n\r\n\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/c138\">#c138\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2000,2003],{"name":2001,"color":2002},"question","cc317c",{"name":1988,"color":1989},163,"Odd behavior when working in npm run dev","2023-01-18T15:38:31Z","https://github.com/nuxt/nuxt/issues/163",0.73144186,{"labels":2010,"number":2017,"owner":1991,"repository":1991,"state":1992,"title":2018,"updated_at":2019,"url":2020,"score":2021},[2011,2014],{"name":2012,"color":2013},"3.x","29bc7f",{"name":2015,"color":2016},"bug","d73a4a",12091,"Logo in readme update","2023-01-19T15:54:20Z","https://github.com/nuxt/nuxt/issues/12091",0.73400307,{"description":2023,"labels":2024,"number":2034,"owner":1991,"repository":2035,"state":1992,"title":2036,"updated_at":2037,"url":2038,"score":2039},"### Description\r\n\r\nSometimes, I'd like to programmatically disable a form (e.g. until certain conditions on the page are met, or while the current submission request is pending). Currently, the form doesn't have such behavior\r\n\r\n### Additional context\r\n\r\n_No response_",[2025,2028,2031],{"name":2026,"color":2027},"enhancement","a2eeef",{"name":2029,"color":2030},"wontfix-v2","ffffff",{"name":2032,"color":2033},"v3","49DCB8",2150,"ui","Add `disabled` state to `UForm` component","2024-09-06T16:59:53Z","https://github.com/nuxt/ui/issues/2150",0.7341967,{"description":2041,"labels":2042,"number":2044,"owner":1991,"repository":1991,"state":1992,"title":2045,"updated_at":2046,"url":2047,"score":2048},"If i disable javascript in dev tools, to take a look at the html structure i can see our css is gone.\r\nBefore we did the update it was included like this.\r\n\r\n\u003Chead> \r\n\u003Cstyle data-vue-ssr-id=\"fweoi545y7897h34ht5h.......\">\u003C/style>\r\n\u003C/head>\r\n\r\nThis results in a flash when we load the page :( \r\nThe css looks ok after hydration. I have looked at https://github.com/nuxt/nuxt.js/issues/754\r\n\r\nNothing is mentioned about css changes. Can someone help?\r\nThanks\r\n\r\nArun\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c731\">#c731\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2043],{"name":1988,"color":1989},861,"inline css is not included after update to 1.0.0-alpha2","2023-01-18T15:39:54Z","https://github.com/nuxt/nuxt/issues/861",0.7358879,{"description":2050,"labels":2051,"number":2057,"owner":1991,"repository":1991,"state":1992,"title":2058,"updated_at":2059,"url":2060,"score":2061},"### Environment\n\n- Operating System: `Windows_NT`\r\n- Node Version: `v16.14.2`\r\n- Nuxt Version: `3.0.0-rc.12-27761401.9fa147d`\r\n- Nitro Version: `0.5.5-27758232.d90c938`\r\n- Package Manager: `yarn@1.22.19`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\n\n### Reproduction\n\n[Repository](https://github.com/Kasparas-G55/usehead-styles-bug)\n\n### Describe the bug\n\nClicking on `NuxtLink` that has the current set route will clear styles innerHTML.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2052,2053,2054],{"name":2012,"color":2013},{"name":2015,"color":2016},{"name":2055,"color":2056},"🔨 p3-minor","FBCA04",15159,"`useHead` styles innerHTML clears when repeating router push on currently set route","2023-01-19T17:45:35Z","https://github.com/nuxt/nuxt/issues/15159",0.73647964,{"labels":2063,"number":2069,"owner":1991,"repository":1991,"state":1992,"title":2070,"updated_at":2071,"url":2072,"score":2073},[2064,2065,2067,2068],{"name":2001,"color":2002},{"name":2066,"color":2030},"stale",{"name":1985,"color":1986},{"name":1988,"color":1989},7325,"CSS in HTML head AND in JS chunk","2023-01-22T15:34:50Z","https://github.com/nuxt/nuxt/issues/7325",0.7378569,{"description":2075,"labels":2076,"number":2077,"owner":1991,"repository":2078,"state":1992,"title":2079,"updated_at":2080,"url":2081,"score":2082},"`\u003CIcon name=\"uil:github\" color=\"red\" />`\r\nreturns\r\n\r\n**App.config.ts**\r\n```\r\n// https://github.com/nuxt-modules/icon#configuration-%EF%B8%8F\r\nexport default defineAppConfig({\r\n icon: {\r\n size: \"300%\", // default \u003CIcon> size applied\r\n class: \"icon\", // default \u003CIcon> class applied\r\n mode: \"css\", // svg || css\r\n aliases: {\r\n nuxt: \"logos:nuxt-icon\",\r\n },\r\n },\r\n})\r\n```\r\n",[],176,"icon","Add universal support for color attribute (similar to CSS icons)","2024-07-15T16:06:31Z","https://github.com/nuxt/icon/issues/176",0.7381183,{"description":2084,"labels":2085,"number":2095,"owner":1991,"repository":1991,"state":1992,"title":2096,"updated_at":2097,"url":2098,"score":2099},"### 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_",[2086,2087,2088,2091,2092],{"name":2012,"color":2013},{"name":2015,"color":2016},{"name":2089,"color":2090},"vite","3574D1",{"name":2055,"color":2056},{"name":2093,"color":2094},"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.7384206,{"description":2101,"labels":2102,"number":2111,"owner":1991,"repository":1991,"state":1992,"title":2112,"updated_at":2113,"url":2114,"score":2115},"### Environment\r\n\r\n- Operating System: Windows_NT\r\n- Node Version: v18.17.1\r\n- Nuxt Version: 3.10.3\r\n- CLI Version: 3.10.1\r\n- Nitro Version: -\r\n- Package Manager: pnpm@8.15.3\r\n- Builder: -\r\n- User Config: devtools, modules\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.11.4\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/~/github.com/tberk/nuxt-layout-bug\r\n\r\n### Describe the bug\r\n\r\nWhen using the useHead composable in Nuxt 3 to set bodyAttrs classes in different layouts, the classes set in one layout persist and are incorrectly applied to other layouts after navigation. This behavior leads to unintended styling issues across different parts of the application.\r\n\r\nAdmin Layout:\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nuseHead({\r\n htmlAttrs: { class: 'h-full admin-layout-html-class' },\r\n bodyAttrs: { class: 'h-full overflow-hidden admin-layout-body-class bg-gray-900 text-white' },\r\n})\r\n\u003C/script>\r\n```\r\n\r\nDefault Layout\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nuseHead({\r\n htmlAttrs: { class: 'h-full default-layout-html-class' },\r\n bodyAttrs: { class: 'h-full default-layout-body-class bg-gray-900 text-white' },\r\n})\r\n\u003C/script>\r\n```\r\n\r\n- Navigate from a page using the default layout to a page using the admin layout.\r\n- Then, navigate back to the page using the default layout.\r\n- The body and html retains the classes set by the admin layout's useHead, in addition to the classes defined in the default layout. This results in a mix of styles from both layouts being applied incorrectly.\r\n\r\nHTML: h-full default-layout-html-class admin-layout-html-class\r\nBODY: h-full default-layout-body-class bg-gray-900 text-white overflow-hidden admin-layout-body-class",[2103,2106,2107,2108],{"name":2104,"color":2105},"workaround available","11376d",{"name":2015,"color":2016},{"name":2055,"color":2056},{"name":2109,"color":2110},"upstream-bug","B60205",25938,"useHead: Persistent Body & Html Classes Across Layouts After Navigation","2024-09-07T16:00:59Z","https://github.com/nuxt/nuxt/issues/25938",0.74066925,["Reactive",2117],{},["Set"],["ShallowReactive",2120],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"H6r-44gZCLPw_J42j-luiA9pNGlW0jMwIzcNTklc0O0":-1},"/nuxt/icon/24"]