\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>",[2947,2950],{"name":2948,"color":2949},"question","cc317c",{"name":2883,"color":2884},"Odd behavior when working in npm run dev","2023-01-18T15:38:31Z","https://github.com/nuxt/nuxt/issues/163",0.6655151,{"description":2956,"labels":2957,"number":2960,"owner":2872,"repository":2872,"state":2873,"title":2961,"updated_at":2930,"url":2962,"score":2963},"### Version\r\n\r\n[v2.4.3](https://github.com/nuxt.js/releases/tag/v2.4.3)\r\n\r\n### Reproduction link\r\n\r\n[(https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/r7k9ok63zm)\r\n\r\n### Steps to reproduce\r\n\r\nSee it here on CodeSandbox:\r\n[![Edit head puts classes back when it shouldn't]()\r\n\r\n1. Put `head() { return { ... } ` code in layouts and page components\r\n2. Add appear.js to plugin folder with contents: \r\n```js\r\nwindow.onNuxtReady(() => {\r\n console.log('unhiding!');\r\n document.body.classList.remove('hidden');\r\n});\r\n```\r\n3. Add appear to plugins in `nuxt.config.js`: \r\n```js\r\n plugins: [{ ssr: false, src: '~plugins/appear' }],\r\n````\r\n4. Add bodyAttrs to head in `nuxt.config.js`: \r\n```js\r\n bodyAttrs: {\r\n class: 'hidden',\r\n },\r\n```\r\n5. add some css to `styles.css`, and include it in `nuxt.config.js`\r\n```css\r\n.hidden {\r\n visibility: hidden;\r\n background-color: #f09;\r\n}\r\n```\r\n```js\r\n css: ['~assets/styles.css'],\r\n```\r\n\r\nload the page, then navigate.\r\n\r\n### What is expected ?\r\n\r\nNavigation to work without the `hidden` class being re-added to the body element.\r\n\r\n### What is actually happening?\r\n\r\nChanging the head within a component will re-apply the bodyAttrs from nuxt.config.js unexpectedly.\r\n\r\n### Additional comments?\r\n\r\nI don't know if this is a bug, or desired behaviour. I found the 'appear' example plugin somewhere online, and when I went to add meta tags to the site, navigating would hide the page.\r\n\r\nWorkaround: put the class directly in `app.html` so vue-head doesn't reapply the class.\r\n\r\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\r\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/c8651\">#c8651\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2958,2959],{"name":2869,"color":2870},{"name":2883,"color":2884},5023,"using bodyAttrs in nuxt.config.js","https://github.com/nuxt/nuxt/issues/5023",0.67294526,{"description":2965,"labels":2966,"number":2969,"owner":2872,"repository":2872,"state":2873,"title":2970,"updated_at":2971,"url":2972,"score":2973},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v16.16.0`\r\n- Nuxt Version: `3.0.0-rc.12`\r\n- Nitro Version: `0.6.0`\r\n- Package Manager: `yarn@1.22.19`\r\n- Builder: `vite`\r\n- User Config: `ssr`, `target`, `modules`, `app`, `sitemap`, `storyblok`, `runtimeConfig`, `css`, `vite`\r\n- Runtime Modules: `@storyblok/nuxt@4.4.2`, `@nuxtjs/sitemap@2.4.0`\r\n- Build Modules: `-`\n\n### Reproduction\n\nAdd within your `nuxt.config` file the following example:\r\n\r\n```js\r\napp: {\r\n head: {\r\n htmlAttrs: {\r\n class: 'no-js'\r\n },\r\n script: [{ children: 'document.documentElement.classList.remove(\"no-js\")'}]\r\n```\r\n\r\n\n\n### Describe the bug\n\nThe script runs, but the `htmlAttrs.class` gets inject just after the script execution.\r\n\r\n@danielroe verified the bug and requested me to open a bug\n\n### Additional context\n\nFurther info from the Discord channel conversation: [Discord message link](https://discord.com/channels/473401852243869706/897487139888062506/1037415854767341688 )\n\n### Logs\n\n_No response_",[2967,2968],{"name":2866,"color":2867},{"name":2869,"color":2870},15342,"head attributes within nuxt.config are not working in the expected sequence ","2023-01-19T17:48:45Z","https://github.com/nuxt/nuxt/issues/15342",0.67354155,["Reactive",2975],{},["Set"],["ShallowReactive",2978],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fYAmqE3EtTUdnib5K9LSIbuojlA-t02h026ITqdn4CZ8":-1},"/nuxt/nuxt/4694"]