is present on a page which doesn't have any nested pages.\r\n\r\nThe issue is occurring at the following location where hydratingCount is never reaching 0 and therefore the hook app:suspense:resolve is not being raised:\r\nhttps://github.com/nuxt/nuxt/blob/b95c85b5524b66bf53ed684f0a6a5fc36da09391/packages/nuxt/src/app/nuxt.ts#L236\r\n\r\nOn the reproduction, click the link `Go To Page`. Test 1 text is yellow. If you hard refresh, the text turns to black because of the vuetify-theme-stylesheet styles are not injected and therefore the CSS variable primary is not present.\r\n\r\nI understand it shouldn't be there as it doesn't have nested pages however I don't think it should break the styling?\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2908,2909,2912,2915,2918],{"name":2880,"color":2881},{"name":2910,"color":2911},"workaround available","11376d",{"name":2913,"color":2914},"bug","d73a4a",{"name":2916,"color":2917},"pages","00DFB5",{"name":2919,"color":2920},"🔨 p3-minor","FBCA04",23468,"NuxtPage within a page without nested pages causes vuetify-theme-stylesheet not to be injected","2023-10-01T15:22:41Z","https://github.com/nuxt/nuxt/issues/23468",0.7219124,{"description":2927,"labels":2928,"number":2930,"owner":2871,"repository":2871,"state":2872,"title":2931,"updated_at":2932,"url":2933,"score":2934},"**Question**\r\nThere may be an obvious solution that I am overlooking, but I am not able to `import` my `main.scss` file from `assets` into a component.\r\n\r\n````scss\r\n\u003Cstyle lang=\"scss\" scoped>\r\n@import '~assets/main.scss';\r\n\u003C/style>\r\n````\r\nThis generates the following error: \r\n````\r\nThis dependency was not found:\r\n\r\n* !!vue-style-loader!css-loader!../node_modules/vue-loader/lib/style-compiler/index?{\"id\":\"data-v-3bb4be04\",\"scoped\":true,\"hasInlineConfig\":true}!sass-loader!../node_modules/vue-loader/lib/selector?type=styles&index=0!./NavBar.vue in ./components/NavBar.vue\r\n\r\nTo install it, you can run: npm install --save !!vue-style-loader!css-loader!../node_modules/vue-loader/lib/style-compiler/index?{\"id\":\"data-v-3bb4be04\",\"scoped\":true,\"hasInlineConfig\":true}!sass-loader!../node_modules/vue-loader/lib/selector?type=styles&index=0!./NavBar.vue\r\n````\r\n\r\nI have installed _vue-style-loader_ and added it to my config file:\r\n````javascript\r\nvendor: ['vue-style-loader'],\r\n````\r\n\r\nTLDR: **How can I import a SCSS stylesheet from `assets` into a component?**\r\n\r\nThanks, \r\nChristopher\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/c519\">#c519\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2929],{"name":2868,"color":2869},601,"Extend Global SCSS Stylesheet in Component","2023-01-18T15:39:32Z","https://github.com/nuxt/nuxt/issues/601",0.72266006,{"labels":2936,"number":2937,"owner":2871,"repository":2871,"state":2872,"title":2938,"updated_at":2939,"url":2940,"score":2941},[],11878,"webpack build fails with css in sfc","2023-01-19T15:48:16Z","https://github.com/nuxt/nuxt/issues/11878",0.72294605,{"description":2943,"labels":2944,"number":2954,"owner":2871,"repository":2871,"state":2872,"title":2955,"updated_at":2956,"url":2957,"score":2958},"### Environment\n\n```\r\nWorking directory: /home/projects/nuxt-starter-ta6mqt\r\nNuxt project info:\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.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: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n```\n\n### Reproduction\n\n[Reproduction repository](https://stackblitz.com/edit/nuxt-starter-ta6mqt)\r\n\r\n- run `npm run build && npm run preview`\r\n- access the page and look at the HTML response\r\n- notice that the styles for both `layout.vue` and `AsyncCompParent.vue` are NOT inlined in the response\r\n\n\n### Describe the bug\n\nThere seems to be an issue when using a common mapping object to create associations to various components that need to be loaded dynamically.\r\n\r\nThis is a rather complex system so please follow along carefully.\r\n- we have an enum in `@/utils/name-map.js`\r\n- this enum is used in a parent component (`AsyncCompParent`) that will decide which other component to render based on an association map\r\n - these child components (`ChildComponentA`) are declared using `defineAsyncComponent` in order to achieve code splitting\r\n- The async component (`ChildComponentA`) uses a composable (`useSayMyName.js`) that, in turn, ALSO imports the enum\r\n\r\nThe setup above will cause the following:\r\n- no styles declared in `AsyncCompParent` are inlined in the SSR HTML response\r\n- no styles in `layout.vue` (which is the _parent_ of `AsyncCompParent`) are inlined in the SSR HTML response\r\n\r\n#### Expected behaviour\r\nThe styles for `layout.vue` and `AsyncCompParent.vue` should be inlined in the SSR HTML response, since these components are always present on the page and rendered at load time.\r\n\n\n### Additional context\n\nThe repo above is an extremely simplified version of code we ported from a Nuxt 2 app, where it functions as expected.\r\n\r\nMore background / things we discovered:\r\n- if, in any of the two files that import from `@/utils/name-map`, we instead redeclare a local copy of that constant, the build goes ahead as expected and the CSS is inlined (see comment in the code)\r\n- if we don't use `defineAsycnComponent`, and just use plain a `import` statement for `ChildComponentA`, the build goes ahead as expected\r\n- if we don't import `useSayMyName` in `ChildComponentA`, and instead import the enum directly there, the build goes ahead as expected\r\n\r\nNone of the options presented above are valid alternatives for us given the complexity of our code and, to be fair, I don't think we are doing any illegal coding patterns - this feels like a very common use-case for example when you want to trigger various flows from the same component and don't want the flow code to be included in the bundle since they might never be triggered.\n\n### Logs\n\n_No response_",[2945,2946,2947,2950,2951],{"name":2880,"color":2881},{"name":2913,"color":2914},{"name":2948,"color":2949},"vite","3574D1",{"name":2919,"color":2920},{"name":2952,"color":2953},"inline styles","68AF97",25451,"On production build, CSS does not get inlined in SSR response in some cases when using `defineAsyncComponent`","2024-01-28T21:27:19Z","https://github.com/nuxt/nuxt/issues/25451",0.7232011,{"labels":2960,"number":2965,"owner":2871,"repository":2871,"state":2872,"title":2966,"updated_at":2967,"url":2968,"score":2969},[2961,2964],{"name":2962,"color":2963},"enhancement","8DEF37",{"name":2868,"color":2869},8007,".scss files can not use cssModules","2023-01-22T15:52:36Z","https://github.com/nuxt/nuxt/issues/8007",0.72366315,{"labels":2971,"number":2977,"owner":2871,"repository":2871,"state":2872,"title":2938,"updated_at":2978,"url":2979,"score":2980},[2972,2973,2974],{"name":2880,"color":2881},{"name":2913,"color":2914},{"name":2975,"color":2976},"webpack","650C6F",11821,"2023-01-19T15:48:39Z","https://github.com/nuxt/nuxt/issues/11821",0.72497344,{"description":2982,"labels":2983,"number":1577,"owner":2871,"repository":2871,"state":2872,"title":2988,"updated_at":2989,"url":2990,"score":2991},"Not sure the best way to implement this, but just like in a normal Vue app, we should be able to do:\r\n\r\n```vue\r\n\u003Cstyle lang=\"sass\">\r\n@import './defaults.scss'\r\n\r\nbody\r\n color: $color-primary\r\n\u003C/style>\r\n```\r\n\r\nBut as expected, the build fails because of no webpack `sass-loader`\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/c17\">#c17\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2984,2987],{"name":2985,"color":2986},"question","cc317c",{"name":2868,"color":2869},"Allow usage of CSS preprecessors","2023-01-18T15:38:24Z","https://github.com/nuxt/nuxt/issues/13",0.7252109,["Reactive",2993],{},["Set"],["ShallowReactive",2996],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fdeJPVFxYNWO25dekoaIjU_99ZwfvJQlv3cCTZWUzD0Q":-1},"/nuxt/test-utils/619"]