\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",[3040],{"name":3041,"color":3042},"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":3049,"labels":3050,"number":3058,"owner":3031,"repository":3031,"state":3059,"title":3060,"updated_at":3061,"url":3062,"score":3063},"### 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_",[3051,3054,3055],{"name":3052,"color":3053},"3.x","29bc7f",{"name":3041,"color":3042},{"name":3056,"color":3057},"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.6427828,{"labels":3065,"number":3068,"owner":3031,"repository":3031,"state":3059,"title":3069,"updated_at":3070,"url":3071,"score":3072},[3066,3067],{"name":3052,"color":3053},{"name":3041,"color":3042},14273,"NuxtLink module not updating, causing white screen","2023-01-19T17:32:14Z","https://github.com/nuxt/nuxt/issues/14273",0.6462712,{"description":3074,"labels":3075,"number":3079,"owner":3031,"repository":3031,"state":3059,"title":3080,"updated_at":3081,"url":3082,"score":3083},"### 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_",[3076,3077,3078],{"name":3022,"color":3023},{"name":3056,"color":3057},{"name":3025,"color":3026},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":3085,"labels":3086,"number":3091,"owner":3031,"repository":3031,"state":3059,"title":3092,"updated_at":3093,"url":3094,"score":3095},"\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",[3087,3088],{"name":3041,"color":3042},{"name":3089,"color":3090},"2.x","d4c5f9",9041,"why not css-prefix","2023-01-22T15:38:48Z","https://github.com/nuxt/nuxt/issues/9041",0.6509885,{"description":3097,"labels":3098,"number":3106,"owner":3031,"repository":3031,"state":3059,"title":3107,"updated_at":3108,"url":3109,"score":3110},"### 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_",[3099,3100,3101,3104],{"name":3052,"color":3053},{"name":3041,"color":3042},{"name":3102,"color":3103},"windows","C681FD",{"name":3105,"color":3026},"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":3112,"labels":3113,"number":3122,"owner":3031,"repository":3031,"state":3059,"title":3123,"updated_at":3124,"url":3125,"score":3126},"### 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_",[3114,3115,3118,3119,3120,3121],{"name":3052,"color":3053},{"name":3116,"color":3117},"workaround available","11376d",{"name":3041,"color":3042},{"name":3056,"color":3057},{"name":3102,"color":3103},{"name":3105,"color":3026},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":3128,"number":3131,"owner":3031,"repository":3031,"state":3059,"title":3132,"updated_at":3133,"url":3134,"score":3135},[3129,3130],{"name":3052,"color":3053},{"name":3022,"color":3023},12211,"Hot reload with SCSS not working","2023-01-19T16:00:35Z","https://github.com/nuxt/nuxt/issues/12211",0.6562315,{"description":3137,"labels":3138,"number":3141,"owner":3031,"repository":3031,"state":3059,"title":3142,"updated_at":3143,"url":3144,"score":3145},"### 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```",[3139,3140],{"name":3041,"color":3042},{"name":3105,"color":3026},30597,"Nuxt restart on every changes.","2025-03-24T23:06:49Z","https://github.com/nuxt/nuxt/issues/30597",0.65630394,["Reactive",3147],{},["Set"],["ShallowReactive",3150],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fK25PnKhStKVgCT9Ken1Osl-iwjgwgJ3mSW3ZkieVy9w":-1},"/nuxt/nuxt/27769"]