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_",[2894,2895,2898,2899,2902],{"name":2880,"color":2881},{"name":2896,"color":2897},"workaround available","11376d",{"name":2883,"color":2884},{"name":2900,"color":2901},"pages","00DFB5",{"name":2903,"color":2904},"🔨 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.642104,{"labels":2911,"number":2912,"owner":2871,"repository":2871,"state":2886,"title":2887,"updated_at":2913,"url":2914,"score":2915},[],12082,"2023-01-19T15:54:17Z","https://github.com/nuxt/nuxt/issues/12082",0.6449701,{"labels":2917,"number":2918,"owner":2871,"repository":2871,"state":2886,"title":2887,"updated_at":2919,"url":2920,"score":2915},[],12137,"2023-01-19T15:59:15Z","https://github.com/nuxt/nuxt/issues/12137",{"description":2922,"labels":2923,"number":2924,"owner":2871,"repository":2871,"state":2886,"title":2887,"updated_at":2925,"url":2926,"score":2915},"### Environment\n\n------------------------------\r\n- Operating System: `Darwin`\r\n- Node Version: `v14.15.4`\r\n- Nuxt Version: `3-3.0.0-27234503.d5127e9`\r\n- Package Manager: `Yarn`\r\n- Bundler: `Webpack`\r\n- User Config: `vite`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Describe the bug\n\nThis issue originated from the following question discussion.\r\n\r\nhttps://github.com/nuxt/framework/discussions/917\r\n\r\nI'd like to use the \"NuxtChild\" equivalent that existed in Nuxt2, but it doesn't work.\r\nThis problem seems to occur when a vue file with the same name as the directory is placed under the pages directory.\r\n\r\n```\r\npages/\r\n page3/\r\n index.vue\r\n page3.vue\r\n```\r\n\r\nThe following discussion will help you infer the cause of the problem and suggest codes for improvement.\r\nThe following URL speculates on the cause of the problem and suggests code for improvement.\r\n\r\n* Thanks @nathanchase @TenshiGoan\r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-khxgxb?file=app.vue\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell\n[Vue Router warn]: Component \"default\" in record with path \"/sub\" is not a valid component. Received \"undefined\".\r\n[Vue Router warn]: uncaught error during route navigation:\r\nError: Invalid route component\r\n at extractComponentsGuards (/home/projects/github-khxgxb/node_modules/vue-router/dist/vue-router.cjs.js:1973:27)\n```\n",[],12203,"2023-01-19T16:00:22Z","https://github.com/nuxt/nuxt/issues/12203",{"labels":2928,"number":2931,"owner":2871,"repository":2871,"state":2886,"title":2932,"updated_at":2933,"url":2934,"score":2935},[2929,2930],{"name":2880,"color":2881},{"name":2868,"color":2869},13094,"Nested Route change causes parent route to re-render","2023-01-19T16:47:41Z","https://github.com/nuxt/nuxt/issues/13094",0.6499966,{"description":2937,"labels":2938,"number":2947,"owner":2871,"repository":2871,"state":2886,"title":2948,"updated_at":2949,"url":2950,"score":2951},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v20.10.0`\r\n- Nuxt Version: `3.11.0`\r\n\r\n### Reproduction\r\n\r\nhttps://github.com/murisceman/nuxt-preloading-styles-issue\r\n\r\n### Describe the bug\r\n\r\nAfter updating to Nuxt `v3.11.0`, all styles imported from pages are automatically loaded throughout the app **(only in development mode)**.\r\n\r\nFor example, when importing a style into `pages/dashboard.vue`...\r\n\r\n```vue\r\n\u003Ctemplate>...\u003C/template>\r\n\r\n\u003Cscript setup>\r\nimport \"~/assets/dashboard.css\";\r\n\u003C/script>\r\n```\r\n\r\n...this style will be loaded for both `localhost:3000` and `localhost:3000/dashboard`.\r\n\r\n#### Prior versions\r\n\r\nNuxt `v3.10.x` loaded page-imported styles only when the page was visited. My [application](https://github.com/pruvious/pruvious), which dynamically re-registers dashboard routes, worked well in this scenario.\r\n\r\n### Additional context\r\n\r\nI have a stylesheet that is only applicable to the `/dashboard/**/*` routes, and it should not be loaded elsewhere. What methods can I use to achieve style isolation (in development mode) on a route level without using `scoped` styles? Thank you!\r\n\r\n### Logs\r\n\r\n_No response_",[2939,2942,2943,2946],{"name":2940,"color":2941},"dx","C39D69",{"name":2883,"color":2884},{"name":2944,"color":2945},"vite","3574D1",{"name":2903,"color":2904},26312,"Nuxt `v3.11.0` is loading styles from all pages","2024-03-18T21:17:10Z","https://github.com/nuxt/nuxt/issues/26312",0.6550207,{"description":2953,"labels":2954,"number":2957,"owner":2871,"repository":2871,"state":2886,"title":2958,"updated_at":2959,"url":2960,"score":2961},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v18.16.0`\r\n- Nuxt Version: `3.6.0`\r\n- Nitro Version: `2.5.1`\r\n- Package Manager: `npm@9.5.1`\r\n- Builder: `vite`\r\n- User Config: `modules`, `routeRules`\r\n- Runtime Modules: `@nuxtjs/tailwindcss@6.8.0`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\n[Github Repo](https://github.com/danielkellyio/style-issue-reproduction)\r\n[In Stackblitz](https://stackblitz.com/github/danielkellyio/style-issue-reproduction?file=nuxt.config.ts)\n\n### Describe the bug\n\nI'm using the @nuxtjs/tailwindcss module to style an app that has different rendering modes based on route.\r\nEverything works great during development (`npm run dev`).\r\n\r\nWhen I build the project with `npm run build` and serve it (both locally and on Netlify) the styles are broken on the client-side rendered pages when I visit them directly.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2955,2956],{"name":2880,"color":2881},{"name":2868,"color":2869},21773,"Styles aren't included on routes rendered client side","2023-06-25T23:03:55Z","https://github.com/nuxt/nuxt/issues/21773",0.65540075,{"description":2963,"labels":2964,"number":2967,"owner":2871,"repository":2871,"state":2886,"title":2968,"updated_at":2969,"url":2970,"score":2971},"### Environment\r\n\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v16.18.1`\r\n- Nuxt Version: `3.2.3`\r\n- Nitro Version: `2.2.3`\r\n- Package Manager: `yarn@1.22.17`\r\n- Builder: `vite`\r\n- User Config: `app`, `css`, `postcss`, `typescript`, `build`, `vite`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\r\n### Reproduction\r\n\r\n[https://stackblitz.com/edit/github-bzckfe?file=pages/index.vue](url)\r\n\r\n### Describe the bug\r\n\r\nIn a nested route, the child route cannot disable the layout used by the parent route\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2965,2966],{"name":2880,"color":2881},{"name":2868,"color":2869},19762,"In a nested route, the child route cannot disable the layout used by the parent route","2023-03-18T18:06:17Z","https://github.com/nuxt/nuxt/issues/19762",0.65921336,["Reactive",2973],{},["Set"],["ShallowReactive",2976],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f7Hqiee9mEZFq7pqy7P7OlBeNspc-zxLaYMQk1-S-2tA":-1},"/nuxt/nuxt/23967"]