\r\n ...\r\n````\r\n\r\nAdd some page with some async load time so to have the loading indicator show between route change.\n\n### Describe the bug\n\nThe browser view transition diffing makes the NuxtLoadingIndicator invisible up until the page is fully loaded when it shortly flashes to a 100%. If I remove the `viewTransition: true` it works as expected again.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2867,2870,2873],{"name":2868,"color":2869},"good first issue","fbca04",{"name":2871,"color":2872},"bug","d73a4a",{"name":2874,"color":2875},"馃敤 p3-minor","FBCA04",21280,"nuxt","open","NuxtLoadingIndicator is broken when using together with experimental.viewTransitions ","2024-11-19T16:20:26Z","https://github.com/nuxt/nuxt/issues/21280",0.64275545,{"description":2884,"labels":2885,"number":2889,"owner":2877,"repository":2877,"state":2878,"title":2890,"updated_at":2891,"url":2892,"score":2893},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.19.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.8\n- Package Manager: npm@10.8.2\n- Builder: -\n- User Config: compatibilityDate, devtools\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-eqnvjlpq\n\n### Describe the bug\n\nIn my project I have global loader instead of NuxtLoadingIndicator, but the problem is the same. Changing query does not block navigation and new data appears on new page with delay\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2886],{"name":2887,"color":2888},"pending triage","E99695",31735,"useAsyncData does not trigger NuxtLoadingIndicator on url query change","2025-04-08T12:21:28Z","https://github.com/nuxt/nuxt/issues/31735",0.6667181,{"description":2895,"labels":2896,"number":2902,"owner":2877,"repository":2877,"state":2903,"title":2904,"updated_at":2905,"url":2906,"score":2907},"### Environment\n\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.2\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: compatibilityDate, devtools\n- Runtime Modules: -\n- Build Modules: -\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-3hjrp6na\n\n### Describe the bug\n\nBasically, any render function call of a child NuxtPage will suppress the next page:loading:end hook. In a situation where non-static custom props are passed to NuxtPage, NuxtLoadingIndicator will get stuck (page:loading:end won't be triggered, but page:finish will), while there won't be a next URL change.\n\n### Additional context\n\nIt looks like a regression after https://github.com/nuxt/nuxt/pull/29009.\n",[2897,2898,2899],{"name":2871,"color":2872},{"name":2874,"color":2875},{"name":2900,"color":2901},"possible regression","B90A42",31099,"closed","NuxtLoadingIndicator gets stuck when custom props change","2025-03-25T15:51:35Z","https://github.com/nuxt/nuxt/issues/31099",0.6107232,{"description":2909,"labels":2910,"number":2917,"owner":2877,"repository":2877,"state":2903,"title":2918,"updated_at":2919,"url":2920,"score":2921},"### Environment\r\n\r\n```bash\r\nNuxt project info: 0:30:28\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.10.0\r\n- Nuxt Version: 3.11.1\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.4\r\n- Package Manager: pnpm@8.15.4\r\n- Builder: -\r\n- User Config: typescript, modules, app, features, experimental, css, postcss, recaptcha, pwa, devtools, vite\r\n- Runtime Modules: @unocss/nuxt@0.58.6, @nuxtjs/i18n@8.1.1, @vueuse/nuxt@10.9.0, @vite-pwa/nuxt@0.6.0\r\n- Build Modules: -\r\n------------------------------\r\n```\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-lpzonl?file=app.vue,styles%2Fglobal.css,nuxt.config.ts\r\n\r\n### Describe the bug\r\n\r\nThere is no way to change `hideDelay` from the loading indicator component, and so we need to await ~1s to hide the indicator: page end + 500ms in `hideDelay` + 400ms in the css transition.\r\n\r\nNuxtLoadingIndicator should expose the `hideDelay` or `force` prop without needing to rewrite it, `hideDelay: 0` should be the default value.\r\n\r\nYou can check the SB reproduction:\r\n- open preview in a new tab\r\n- check the delay when navigating\r\n- open devtools and find `_nuxt/node_modules/nuxt/dist/app/composables/loading-indicator.js?v=\u003Csome_version>` in the source tab\r\n- add a breakpoint in L9\r\n- refresh the page and set `hideDelay` to 0\r\n- navigate again\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2911,2914],{"name":2912,"color":2913},"enhancement","8DEF37",{"name":2915,"color":2916},"馃嵃 p2-nice-to-have","0E8A16",26637,"weird behavior with loading indicator component","2025-04-03T15:17:07Z","https://github.com/nuxt/nuxt/issues/26637",0.63501155,{"description":2923,"labels":2924,"number":2929,"owner":2877,"repository":2877,"state":2903,"title":2930,"updated_at":2931,"url":2932,"score":2933},"### Environment\n\n- Operating System: Windows_NT\r\n- Node Version: v18.16.1\r\n- Nuxt Version: 3.9.0\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@9.5.1\r\n- Builder: -\r\n- User Config: devtools, ssr, modules, runtimeConfig\r\n- Runtime Modules: @unocss/nuxt@0.57.7, @vueuse/nuxt@10.7.0, @formkit/nuxt@1.4.0, maz-ui/nuxt, @nuxt/image@1.1.0\n\n### Reproduction\n\ngo to this page and \r\nand click on table of contents\r\n\r\n\r\nhttps://nuxt.com/docs/api/components/nuxt-loading-indicator#usage\n\n### Describe the bug\n\nnuxt-loading-indicator stuck it is not hiding when in the url fragment identifier or query params change. Even in your official docs its stuck.\r\nyou can verify there.\r\nhttps://nuxt.com/docs/api/components/nuxt-loading-indicator#usage\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2925,2928],{"name":2926,"color":2927},"3.x","29bc7f",{"name":2887,"color":2888},24973,"(client-side) nuxt-loading-indicator stuck when in url fragment identifier or query params change.","2024-01-01T13:18:45Z","https://github.com/nuxt/nuxt/issues/24973",0.64378864,{"description":2935,"labels":2936,"number":2939,"owner":2877,"repository":2877,"state":2903,"title":2940,"updated_at":2941,"url":2942,"score":2943},"### Environment\n\nNuxt project info: 17:11:46\r\n\r\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v16.15.0`\r\n- Nuxt Version: `3.1.1`\r\n- Nitro Version: `2.1.0`\r\n- Package Manager: `npm@8.5.5`\r\n- Builder: `vite`\r\n- User Config: `typescript`, `nitro`, `app`, `alias`, `css`, `vite`, `runtimeConfig`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\n\n### Reproduction\n\nStackBlitz from the docs: https://nuxt.com/docs/api/components/nuxt-loading-indicator#nuxtloadingindicator\r\n\r\nhttps://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/pages?file=package.json&terminal=dev\n\n### Describe the bug\n\nLoading indicator never appears\n\n### Additional context\n\nAfter updating to Nuxt 3.1.1, the NuxtLoadingIndicator component stopped working.\n\n### Logs\n\n_No response_",[2937,2938],{"name":2926,"color":2927},{"name":2887,"color":2888},18630,"NuxtLoadingIndicator not working anymore","2024-07-28T00:38:37Z","https://github.com/nuxt/nuxt/issues/18630",0.6440982,{"description":2945,"labels":2946,"number":2949,"owner":2877,"repository":2877,"state":2903,"title":2950,"updated_at":2951,"url":2952,"score":2953},"### Environment\n\n- Operating System: Darwin\r\n- Node Version: v20.10.0\r\n- Nuxt Version: 3.9.1\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: yarn@4.0.2\r\n- Builder: -\r\n- User Config: ssr, runtimeConfig, app, modules, apiParty, devtools, eslint, storyblok, image, i18n, router, routeRules, components, vue, typescript\r\n- Runtime Modules: @nuxt/devtools@1.0.6, @nuxtjs/device@3.1.1, @nuxt/image@1.1.0, @nuxtjs/i18n@8.0.0, @nuxtjs/eslint-module@4.1.0, nuxt-api-party@0.22.3, nuxt-clarity-analytics@0.0.6, nuxt-jsonld@2.0.8, nuxt-swiper@2.0.0-0, @voctag/ui@1.0.50, @vueuse/nuxt@10.7.1, @pinia/nuxt@0.5.1, @storyblok/nuxt@6.0.0\r\n- Build Modules: -\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-wlowtc?file=app.vue\n\n### Describe the bug\n\nNuxtLoadingIndicator stuck/freeze\r\n\r\nHappens for example when you navigate from one page with layout A to another page with layout B via `navigateTo()`\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2947,2948],{"name":2926,"color":2927},{"name":2887,"color":2888},25081,"NuxtLoadingIndicator still not working properly in nuxt 3.9.1 when using navigateTo()","2024-02-18T14:36:09Z","https://github.com/nuxt/nuxt/issues/25081",0.64500296,{"description":2955,"labels":2956,"number":2959,"owner":2877,"repository":2877,"state":2903,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.9.0\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@9.4.2\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\nalso\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v18.18.2\r\n- Nuxt Version: 3.8.2\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: yarn@1.22.19\r\n- Builder: -\r\n- User Config: modules, pinia, components, imports, css, postcss, runtimeConfig, googleFonts, vite, typescript, ssr, veeValidate\r\n- Runtime Modules: @vueuse/nuxt@10.7.0, @nuxtjs/google-fonts@3.1.3, @pinia/nuxt@0.4.11, @vee-validate/nuxt@4.12.3\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-r5biil?file=pages%2Fuser.vue\n\n### Describe the bug\n\n1. Click 'Go To UserPage'. LoadingIndicator works well.\r\n2. Click 'Go To User 1111'. It goes nested route /user/[id].vue. and works well.\r\n3. But if you go to previous page (press back button), LoadingIndicator loads slowly and it doesn't ends.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2957,2958],{"name":2926,"color":2927},{"name":2874,"color":2875},25039,"NuxtLoadingIndicator doesn't ends when going back with nested route","2024-01-05T10:07:03Z","https://github.com/nuxt/nuxt/issues/25039",0.65142894,{"description":2965,"labels":2966,"number":2970,"owner":2877,"repository":2877,"state":2903,"title":2971,"updated_at":2972,"url":2973,"score":2974},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v18.16.0`\r\n- Nuxt Version: `3.7.1`\r\n- CLI Version: `3.7.3`\r\n- Nitro Version: `2.6.2`\r\n- Package Manager: `yarn@1.22.19`\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-cei3lp?file=app.vue\n\n### Describe the bug\n\nNuxtLoadingIndicator does not working for dynamic pages (loaded via `[...slugs].vue`). It works only for staticly added pages. I suppose that the last working version of nuxt is `3.5.0`, I tried with versions:\r\n- 3.6.0\r\n- 3.6.5\r\n- 3.7.0\r\n- 3.7.1 (latest)\r\n\r\n**Preview:**\r\nhttps://github.com/nuxt/nuxt/assets/33403174/bc8cf61b-5923-4f77-a183-4c80138f1cef\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2967,2968,2969],{"name":2926,"color":2927},{"name":2871,"color":2872},{"name":2874,"color":2875},23042,"NuxtLoadingIndicator does not working for dynamic pages","2024-01-16T10:45:23Z","https://github.com/nuxt/nuxt/issues/23042",0.6515161,{"description":2976,"labels":2977,"number":2981,"owner":2877,"repository":2877,"state":2903,"title":2982,"updated_at":2983,"url":2984,"score":2985},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v16.20.0\r\n- Nuxt Version: 3.6.0\r\n- Nitro Version: 2.5.1\r\n- Package Manager: npm@9.4.2\r\n- Builder: vite\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\nBut it happens in any OS too.\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-fwqsly?file=app.vue\n\n### Describe the bug\n\nWhen you use the router to navigate to a page that has some middleware, if it returns `abortNavigation()` for some reason the `\u003CNuxtLoadingIndicator>` component glitches and doesn't disappear.\r\n\r\nI expect it to complete the loading or not show because of the `throttle` property, but it shows the loading bar with very glitchy behavior and it never disappears.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2978,2979,2980],{"name":2868,"color":2869},{"name":2926,"color":2927},{"name":2874,"color":2875},21750,"`\u003CNuxtLoadingIndicator>` gets stuck on `abortNavigation` from middleware","2023-07-03T11:14:19Z","https://github.com/nuxt/nuxt/issues/21750",0.65181094,["Reactive",2987],{},["Set"],["ShallowReactive",2990],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fnFGErLxuwhgMQz_0kW4bDWXBJr4pEEiR0AsBDMq6f98":-1},"/nuxt/nuxt/25840"]