` and `\u003CNuxtLayout />` components in the below way:\r\n```vue\r\n \u003Cdiv v-if=\"loading\">loading...\u003C/div>\r\n \u003CNuxtLayout v-else>\r\n \u003CNuxtPage />\r\n \u003C/NuxtLayout>\r\n```\r\n\r\nBut it shows up the below warning in console log.\r\n```\r\n[nuxt] Your project has pages but the `\u003CNuxtPage />` component has not been used. You might be using the `\u003CRouterView />` component instead, which will not work correctly in Nuxt. You can set `pages: false` in `nuxt.config` if you do not wish to use the Nuxt `vue-router` integration.\r\n[nuxt] Your project has layouts but the `\u003CNuxtLayout />` component has not been used.\r\n```\r\n\r\n### Additional context\r\n\r\nMy purpose is fetching some environment data from server before NuxtLayout and NuxtPage rendered and shows a loading layout. In addition, I will use it with SSR off.\r\n\r\n### Logs\r\n\r\n_No response_",[2887],{"name":2888,"color":2889},"🍰 p2-nice-to-have","0E8A16",25912,"\"NuxtPage / NuxtLayout component has not been used\" warn when NuxtLayout async show up","2025-02-21T12:34:45Z","https://github.com/nuxt/nuxt/issues/25912",0.6991265,{"description":2896,"labels":2897,"number":2904,"owner":2877,"repository":2877,"state":2879,"title":2905,"updated_at":2906,"url":2907,"score":2908},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.10.3\r\n- CLI Version: 3.10.1\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools, experimental\r\n- Runtime Modules: -\r\n- Build Modules: -\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-sf3hkd?file=components%2FTest.vue,components%2FHero.server.vue,app.vue\r\n\r\n1. `npm run build && npm run preview`\r\n2. observe that styles from `Test` component are missing in build and so not included when page loads\n\n### Describe the bug\n\nIt's really weird that this happens only with production build, but anyway, when using some renderless component within `.server.vue` component, the styles (from that renderless component) won't be included in final bundle, so they can't be loaded. I also should mention, that the styles will be included if you move that component out of island, as it should be\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2898,2901],{"name":2899,"color":2900},"pending triage","E99695",{"name":2902,"color":2903},"server components","839413",25923,"Missing styles in production when using renderless component within server component","2024-09-30T03:14:51Z","https://github.com/nuxt/nuxt/issues/25923",0.71124405,{"description":2910,"labels":2911,"number":2913,"owner":2877,"repository":2877,"state":2879,"title":2914,"updated_at":2915,"url":2916,"score":2917},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.19.1\n- Nuxt Version: 3.17.4\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: npm@10.8.2\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-ceqd979w?file=pages%2Fabout.vue,app.vue,pages%2Findex.vue,package.json\n\n### Describe the bug\n\nTransition doesnt work on first page load\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2912],{"name":2899,"color":2900},32221,"Appear flag doesnt work with NuxtPage","2025-05-27T15:03:34Z","https://github.com/nuxt/nuxt/issues/32221",0.7135409,{"description":2919,"labels":2920,"number":2927,"owner":2877,"repository":2878,"state":2928,"title":2929,"updated_at":2930,"url":2931,"score":2932},"### Environment\n\nOperating System: `Darwin`\nNode Version: `v22.1.0`\nNuxt Version: `3.16.2`\nCLI Version: `3.24.0`\nNitro Version: `2.11.8`\nPackage Manager: `yarn@4.7.0`\nBuilder: `-`\nUser Config: `ssr: false`\nBuild Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.16.2\n\n### Reproduction\n\n-\n\n### Description\n\n**App.vue**\n```\n\u003Ctemplate>\n \u003CUApp :toaster=\"{ position: 'top-right', expand: true }\"\n :tooltip=\"{ delayDuration: 150, skipDelayDuration: 100 }\">\n \u003CNuxtLayout>\n \u003CRouterView />\n \u003C/NuxtLayout>\n \u003C/UApp>\n\u003C/template>\n\u003Cscript setup lang=\"ts\">\nimport {TooltipProviderProps} from \"reka-ui\";\n\nconst tooltipProps : TooltipProviderProps = {\n delayDuration: 700,\n skipDelayDuration: 300,\n disableHoverableContent: false,\n disableClosingTrigger: false,\n disabled: false,\n ignoreNonKeyboardFocus: false,\n}\n\u003C/script>\n```\n**nuxt.config.ts**\n```\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n compatibilityDate: '2024-11-01',\n ssr: false,\n srcDir: 'src',\n devtools: { enabled: true },\n modules: [\n '@nuxt/ui',\n '@pinia/nuxt',\n '@nuxt/image',\n 'nuxt-icons',\n '@nuxtjs/i18n',\n ],\n css: ['~/assets/css/main.css']\n})\n```\nI found that when Nuxt3 SSR is set to false, the tooltip and toast do not display, and the tooltip also reports an error of 500\n\nInjection `Symbol(TooltipProviderContext)` not found. Component must be used within `TooltipProvider`\n\nI hope to find a solution.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2921,2922,2925,2926],{"name":2868,"color":2869},{"name":2923,"color":2924},"needs reproduction","CB47CF",{"name":2871,"color":2872},{"name":2874,"color":2875},3932,"closed","Nuxt3 SSR is set to false, the tooltip and toast become invalid","2025-04-30T13:24:47Z","https://github.com/nuxt/ui/issues/3932",0.66995287,{"description":2934,"labels":2935,"number":2943,"owner":2877,"repository":2877,"state":2928,"title":2944,"updated_at":2945,"url":2946,"score":2947},"### Environment\n\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v16.14.2`\r\n- Nuxt Version: `3.0.0-rc.9`\r\n- Nitro Version: `0.5.1`\r\n- Package Manager: `npm@7.17.0`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-ytp3rx?file=app.vue\n\n### Describe the bug\n\nWhen you create a minimal application without a `nuxt.config.ts` (so just `app.vue` for example), the \"default `app.vue`\" will be shown forever.\r\n\r\nThis can only be resolved by adding back a `nuxt.config.ts` (or js)\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2936,2939,2940],{"name":2937,"color":2938},"3.x","29bc7f",{"name":2868,"color":2869},{"name":2941,"color":2942},"❗ p4-important","D93F0B",14848,"Welcome component will stay when no `nuxt.config.ts` exists","2023-01-19T17:41:13Z","https://github.com/nuxt/nuxt/issues/14848",0.6926461,{"labels":2949,"number":2957,"owner":2877,"repository":2877,"state":2928,"title":2958,"updated_at":2959,"url":2960,"score":2961},[2950,2951,2954],{"name":2937,"color":2938},{"name":2952,"color":2953},"upstream","E8A36D",{"name":2955,"color":2956},"upstream-bug","B60205",13793,"Primevue: Toast duplicates elements after it","2023-01-19T17:06:05Z","https://github.com/nuxt/nuxt/issues/13793",0.6948989,{"description":2963,"labels":2964,"number":2967,"owner":2877,"repository":2877,"state":2928,"title":2968,"updated_at":2969,"url":2970,"score":2971},"### Environment\n\n------------------------------ From the stackblitz repo\r\n- Operating System: `Linux`\r\n- Node Version: `v16.14.2`\r\n- Nuxt Version: `3.0.0-rc.10`\r\n- Nitro Version: `0.5.3`\r\n- Package Manager: `npm@7.17.0`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\r\n------------------------------On my local laptop\r\n- Operating System: `Darwin`\r\n- Node Version: `v16.16.0`\r\n- Nuxt Version: `3.0.0-rc.10`\r\n- Nitro Version: `0.5.3`\r\n- Package Manager: `npm@8.11.0`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-2svdvu?file=app.vue\n\n### Describe the bug\n\nStyles from default layout gets ignored in app.vue. Only way the styles show up is by adding NuxtWelcome to app.vue. \r\n\r\nOnce the app is up and running in the repo, in app.vue, uncomment NuxtWelcome and you can see the styles restored. \r\n\r\nPlease advise if I'm missing any nuxt rules/conventions w.r.t layouts. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2965,2966],{"name":2937,"color":2938},{"name":2899,"color":2900},14910,"Default layout styles are getting ignored in app.vue","2023-01-19T17:42:24Z","https://github.com/nuxt/nuxt/issues/14910",0.6980642,{"description":2973,"labels":2974,"number":2977,"owner":2877,"repository":2877,"state":2928,"title":2978,"updated_at":2979,"url":2980,"score":2981},"### Environment\n\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.11.0\r\n- Nuxt Version: 3.11.0\r\n- CLI Version: 3.10.1\r\n- Nitro Version: 2.9.4\r\n- Package Manager: npm@10.2.4\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-xwmppm?file=pages%2Findex.vue\n\n### Describe the bug\n\n`\u003Cbutton :class=\"{ 'active': activeTab === 0 }\">Button 0\u003C/button>` - class active is working as expected with `npm run dev`, but `npm run generate` and `npm run preview` with `localhost:3000?active=0` its not working \n\n### Additional context\n\nCode like this:\r\n```\r\nconst route = useRoute()\r\nactiveTab.value = route.query?.active\r\n```\r\nClass change its not working with prerender static website \n\n### Logs\n\n_No response_",[2975,2976],{"name":2937,"color":2938},{"name":2899,"color":2900},26331,"Inconsistency in Nuxt's behavior with and without server: useRoute","2024-03-18T13:48:24Z","https://github.com/nuxt/nuxt/issues/26331",0.7081282,{"description":2983,"labels":2984,"number":2988,"owner":2877,"repository":2877,"state":2928,"title":2989,"updated_at":2990,"url":2991,"score":2992},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.14.0\r\n- Nuxt Version: 3.12.3\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: npm@10.8.1\r\n- Builder: -\r\n- User Config: compatibilityDate, devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\n1. Create a new npm nuxt project with git repository\r\n2. Change app.vue to \r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CNuxtLayout>\r\n \u003CNuxtPage />\r\n \u003C/NuxtLayout>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n3. Create any layout and index page\r\n4. `npm run dev`\r\n\r\n### Describe the bug\r\n\r\napp.vue has both NuxtPage and NuxtLayout inside, but either only layout is loaded, or only page\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2985,2986],{"name":2899,"color":2900},{"name":2923,"color":2987},"FBCA04",28146,"Nuxt page not loading","2024-11-08T23:00:23Z","https://github.com/nuxt/nuxt/issues/28146",0.70834965,["Reactive",2994],{},["Set"],["ShallowReactive",2997],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$feG5numJoGHdCLaqs4CNm9bs3Sh6X9jkUZgNXT28Q2UQ":-1},"/nuxt/ui/3564"]