\r\n\r\n\r\nHowever, in production build, the style works. But the css link is added asynchronously, so there is no style on first render causing the page to blink.\r\n\u003Cimg width=\"699\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/1401172/628cf01e-b84e-43d7-af43-f8c691396e24\">\r\n\r\n",[2889],{"name":2890,"color":2891},"pending triage","E99695",26696,"Nuxt 3.11 with webpack builder lose style in SFC","2024-06-30T11:04:41Z","https://github.com/nuxt/nuxt/issues/26696",0.66694754,{"description":2898,"labels":2899,"number":2907,"owner":2880,"repository":2880,"state":2908,"title":2909,"updated_at":2910,"url":2911,"score":2912},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v16.14.2\r\n- Nuxt Version: 3.6.5\r\n- Nitro Version: 2.5.2\r\n- Package Manager: yarn@3.2.0\r\n- Builder: vite\r\n- User Config: alias, app, components, css, devtools, experimental, extends, i18n, modules, nitro, pinia, router, runtimeConfig, tailwindcss, telemetry, veeValidate, vite, vue\r\n- Runtime Modules: @pinia/nuxt@^0.4.11, @nuxtjs/stylelint-module@^5.1.0, @nuxtjs/i18n@8.0.0-beta.13, @vueuse/nuxt@10.2.1, @vee-validate/nuxt@^4.9.6, @nuxtjs/tailwindcss@^6.8.0\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\nI provide a minimal reproduction\r\n\r\nhttps://stackblitz.com/edit/github-brcyvh?file=pages%2Findex.vue\r\n\r\n### Describe the bug\r\n\r\nI'm using a plugin `$bp` that use `useBreakpoints` from `vueuse` under the hood https://vueuse.org/core/useBreakpoints\r\n\r\nMy goal is to change the `size` of the component `NButton` based on a boolean : `$bp.isLapM`.\r\n\r\nWhen we refresh the page, we see that the `btnSize` inside the button is updated but the class still `-sm`.\r\nIf I resize my window, both are updated\r\n\r\nWe are migrating our app to Nuxt 3, and on Nuxt 2 we didn't have this issue... :cry: \r\n\r\nI'm a doing something wrong about this ? \r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2900,2903,2904],{"name":2901,"color":2902},"3.x","29bc7f",{"name":2890,"color":2891},{"name":2905,"color":2906},"upstream","E8A36D",22722,"closed","class / style attribute does not update on node mismatch","2023-08-23T10:38:59Z","https://github.com/nuxt/nuxt/issues/22722",0.64278287,{"labels":2914,"number":2917,"owner":2880,"repository":2880,"state":2908,"title":2918,"updated_at":2919,"url":2920,"score":2921},[2915,2916],{"name":2901,"color":2902},{"name":2890,"color":2891},14273,"NuxtLink module not updating, causing white screen","2023-01-19T17:32:14Z","https://github.com/nuxt/nuxt/issues/14273",0.6462712,{"description":2923,"labels":2924,"number":2928,"owner":2880,"repository":2880,"state":2908,"title":2929,"updated_at":2930,"url":2931,"score":2932},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v21.6.2`\r\n- Nuxt Version: `3.11.1`\r\n- CLI Version: `3.11.1`\r\n- Nitro Version: `2.9.5`\r\n- Package Manager: `yarn@1.22.21`\r\n- Builder: `-`\r\n- User Config: `devtools`, `typescript`, `srcDir`, `modules`, `i18n`, `app`, `runtimeConfig`\r\n- Runtime Modules: `@nuxtjs/i18n@8.2.0`, `@pinia/nuxt@0.5.1`, `@vee-validate/nuxt@4.12.6`, `@nuxtjs/color-mode@3.3.3`, `@nuxt/image@1.4.0`\r\n- Build Modules: `-`\r\n\r\n\r\n### Reproduction\r\n\r\n```ts\r\nconst colorMode = useColorMode();\r\nuseHead({\r\n bodyAttrs: {\r\n class: computed(() => {\r\n if(colorMode.value=== 'light'){\r\n return \"bg-fixed\"\r\n }else if(colorMode.value===\"dark\"){\r\n return \"bg-fixed dark-layout\"\r\n }\r\n return \"\"\r\n }),\r\n style: computed(() => {\r\n if(colorMode.value=== 'light'){\r\n return \"background-image: url(/assets/img/shape/banner-1.jpg)\"\r\n }else if(colorMode.value===\"dark\"){\r\n return \"background-image: url(/assets/img/shape/banner-2.jpg)\"\r\n }\r\n return \"\"\r\n })\r\n\r\n },\r\n}) ;\r\n```\r\n\r\n\r\n### Describe the bug\r\n\r\nAfter updating to nuxt 3.11.1, the background image does not change when the theme changes.\r\n\r\n\r\n\r\n### Additional context\r\n\r\nI use **@nuxtjs/color-mode**\r\n\r\n### Logs\r\n\r\n_No response_",[2925,2926,2927],{"name":2871,"color":2872},{"name":2905,"color":2906},{"name":2874,"color":2875},26586,"Body style background image does not update when theme changes","2024-07-01T06:31:38Z","https://github.com/nuxt/nuxt/issues/26586",0.6481418,{"description":2934,"labels":2935,"number":2940,"owner":2880,"repository":2880,"state":2908,"title":2941,"updated_at":2942,"url":2943,"score":2944},"\u003C!-- 💚 Thanks for your time to make Nuxt better with your feedbacks 💚\r\n\r\n**IMPORTANT** Before reporting a bug:\r\n\r\n- Please make sure that you have read through Nuxt documentation: https://nuxtjs.org\r\n- If issue is related to a module please create the issue in corresponding repository\r\n- Ensure using latest version of nuxt dependencies using `yarn upgrade nuxt` or `npm upgrade nuxt`\r\n\r\n👍 A properly detailed bug report can save a LOT of time and help fixing issues as soon as possible.\r\n-->\r\n\r\n### Versions\r\n\r\n- nuxt: v2.13.0\r\n- node: latest\r\n\r\n### Reproduction\r\n\r\n\u003C!--\r\nLink to a minimal test case based on one of:\r\n- A fork of https://template.nuxtjs.org\r\n- A GitHub repository that can reproduce the bug\r\nWithout a reproduction, it is so hard to address problem :(\r\n-->\r\n\r\n\u003Cdetails open>\r\n\u003Csummary>Additional Details\u003C/summary>\r\n\u003Cbr>\r\n\u003C!-- Attaching `nuxt.config`, dependencies, logs or code snippets would help to find the issue -->\r\n\u003C/details>\r\n\r\n### Steps to reproduce\r\ni import scss in nuxt.config.js where i write transition css, when i open i website and f12, i cant see -webkit- -o- prefix\r\n\r\n### What is Expected?\r\nshould auto add css prefix in style, like vue \r\n\r\n### What is actually happening?\r\nnone css prefix in style",[2936,2937],{"name":2890,"color":2891},{"name":2938,"color":2939},"2.x","d4c5f9",9041,"why not css-prefix","2023-01-22T15:38:48Z","https://github.com/nuxt/nuxt/issues/9041",0.6509885,{"description":2946,"labels":2947,"number":2955,"owner":2880,"repository":2880,"state":2908,"title":2956,"updated_at":2957,"url":2958,"score":2959},"### Environment\r\n\r\n------------------------------\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v16.16.0`\r\n- Nuxt Version: `3.2.0`\r\n- Nitro Version: `2.2.1`\r\n- Package Manager: `npm@8.11.0`\r\n- Builder: `vite`\r\n- User Config: `modules`, `build`, `ssr`, `css`, `postcss`\r\n- Runtime Modules: `nuxt-swiper@1.0.0`\r\n- Build Modules: `-`\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/node-mbapcr\r\n\r\n### Describe the bug\r\n\r\n\r\nhttps://user-images.githubusercontent.com/69683870/219596000-c7948a28-4ca5-4768-8156-db794ac0d12c.mp4\r\n\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2948,2949,2950,2953],{"name":2901,"color":2902},{"name":2890,"color":2891},{"name":2951,"color":2952},"windows","C681FD",{"name":2954,"color":2875},"needs reproduction",19109,"issue with ssr, html class not update when i refresh page ( f5 )","2023-02-20T13:13:45Z","https://github.com/nuxt/nuxt/issues/19109",0.6518494,{"description":2961,"labels":2962,"number":2971,"owner":2880,"repository":2880,"state":2908,"title":2972,"updated_at":2973,"url":2974,"score":2975},"### Environment\r\n\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v18.12.1`\r\n- Nuxt Version: `3.1.1`\r\n- Nitro Version: `2.1.1`\r\n- Package Manager: `npm@8.19.2`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\r\n### Reproduction\r\n\r\nCreate a minimal environment with the following command.\r\n\r\n- `npx nuxi init dev-watch`\r\n- `cd dev-watch`\r\n- `npm i`\r\n- `npm run dev`\r\n\r\n\r\n### Describe the bug\r\n\r\nI created a minimal environment and ran the dev command.\r\nI have updated files like app.vue, but server side files are not updated.\r\nIt was confirmed that the client-side files were updated.\r\n\r\nAs shown below, I updated the values in console.log, but only the client side was updated, not updated the server side\r\n\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CNuxtWelcome />\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript lang=\"ts\">\r\nexport default defineNuxtComponent({\r\n created() {\r\n console.log('app.vue 1')\r\n },\r\n})\r\n\u003C/script>\r\n```\r\n\r\n\r\n\r\n### Additional context\r\n\r\nDoesn't reproduce in Nuxt@3.0.0.\r\nDoesn't reproduce on WSL.\r\n\r\n### Logs\r\n\r\n_No response_",[2963,2964,2967,2968,2969,2970],{"name":2901,"color":2902},{"name":2965,"color":2966},"workaround available","11376d",{"name":2890,"color":2891},{"name":2905,"color":2906},{"name":2951,"color":2952},{"name":2954,"color":2875},18635,"Server side not updating when in dev mode on Windows","2023-02-22T21:47:50Z","https://github.com/nuxt/nuxt/issues/18635",0.65289485,{"labels":2977,"number":2980,"owner":2880,"repository":2880,"state":2908,"title":2981,"updated_at":2982,"url":2983,"score":2984},[2978,2979],{"name":2901,"color":2902},{"name":2871,"color":2872},12211,"Hot reload with SCSS not working","2023-01-19T16:00:35Z","https://github.com/nuxt/nuxt/issues/12211",0.6562314,{"description":2986,"labels":2987,"number":2990,"owner":2880,"repository":2880,"state":2908,"title":2991,"updated_at":2992,"url":2993,"score":2994},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.11.1\n- Nuxt Version: 3.14.0\n- CLI Version: 3.20.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.8.3\n- Builder: -\n- User Config: devtools, devServer, modules, vite, shadcn, colorMode, css, routeRules, imports, runtimeConfig, compatibilityDate\n- Runtime Modules: @nuxtjs/tailwindcss@6.13.1, shadcn-nuxt@0.11.3, @nuxtjs/color-mode@3.5.2, @vueuse/nuxt@12.4.0, @nuxt/icon@1.10.3, @pinia/nuxt@0.5.5, @formkit/auto-animate/nuxt@0.8.2\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\n-\n\n### Describe the bug\n\nWhen i update a components (Not necessarily from the components/ui folder), Nuxt restart the entire server with logs : \n\nℹ Directory components/ui/ removed \nℹ Restarting Nuxt...\n\nFrom the logs I probably deduce that it restarts because it detects a DELETION of a folder. Except that I do not delete any folders 😥\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2988,2989],{"name":2890,"color":2891},{"name":2954,"color":2875},30597,"Nuxt restart on every changes.","2025-03-24T23:06:49Z","https://github.com/nuxt/nuxt/issues/30597",0.65630394,["Reactive",2996],{},["Set"],["ShallowReactive",2999],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fK25PnKhStKVgCT9Ken1Osl-iwjgwgJ3mSW3ZkieVy9w":-1},"/nuxt/nuxt/27769"]