\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_",[3070,3073,3074],{"name":3071,"color":3072},"good first issue","fbca04",{"name":3022,"color":3023},{"name":3028,"color":3029},21280,"NuxtLoadingIndicator is broken when using together with experimental.viewTransitions ","2024-11-19T16:20:26Z","https://github.com/nuxt/nuxt/issues/21280",0.72620213,{"labels":3081,"number":3088,"owner":3034,"repository":3034,"state":3089,"title":3090,"updated_at":3091,"url":3092,"score":3093},[3082,3084,3085],{"name":3083,"color":3060},"stale",{"name":3044,"color":3045},{"name":3086,"color":3087},"2.x","d4c5f9",7123,"closed","Loading indicator customization not working for default loader","2023-01-22T15:34:50Z","https://github.com/nuxt/nuxt/issues/7123",0.6797758,{"description":3095,"labels":3096,"number":3103,"owner":3034,"repository":3034,"state":3089,"title":3104,"updated_at":3105,"url":3106,"score":3107},"### 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_",[3097,3100],{"name":3098,"color":3099},"enhancement","8DEF37",{"name":3101,"color":3102},"馃嵃 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.70024323,{"labels":3109,"number":3111,"owner":3034,"repository":3034,"state":3089,"title":3112,"updated_at":3113,"url":3114,"score":3115},[3110],{"name":3086,"color":3087},7568,"Unable to customize loading indicator","2023-01-18T15:34:24Z","https://github.com/nuxt/nuxt/issues/7568",0.70706266,{"description":3117,"labels":3118,"number":3123,"owner":3034,"repository":3034,"state":3089,"title":3124,"updated_at":3125,"url":3126,"score":3127},"### 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: `yarn@1.22.15`\r\n- Builder: `vite`\r\n- User Config: `modules`\r\n- Runtime Modules: `@nuxtjs/tailwindcss@6.4.0`, `@nuxtjs/fontaine@0.2.4`, `nuxt-icon@0.2.11`, `@nuxt/devtools@0.1.2`, `@nuxt/image-edge@1.0.0-27919678.2f5b64b`, `@nuxtjs/google-fonts@3.0.0-1`\r\n- Build Modules: `-`\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-tvjuvn?file=app.vue\r\n\r\n### Describe the bug\r\n\r\nIt seems that `NuxtLoadingIndicator` is not setting its opacity to `1` when it needs to be shown. This is a screenshot of the moment the loading indicator should appear:\r\n\r\n\r\n\r\n\r\n\r\n\r\n### Additional context\r\n\r\nNot working on v3.1.2 and edge either.\r\n\r\n### Logs\r\n\r\n_No response_",[3119,3122],{"name":3120,"color":3121},"3.x","29bc7f",{"name":3044,"color":3045},18969,"`\u003CNuxtLoadingIndicator>` not working on `3.2.0`","2023-02-12T07:55:54Z","https://github.com/nuxt/nuxt/issues/18969",0.7157759,{"description":3129,"labels":3130,"number":3132,"owner":3034,"repository":3034,"state":3089,"title":3133,"updated_at":3134,"url":3135,"score":3136},"The loading indicatior name prop in nuxt.config.js is ignored. This is an error, here's what I get:\r\n\r\n```\r\nloadingIndicator : {\r\n name: 'pulse',\r\n color: '#e3342f',\r\n background: '#f1f5f8'\r\n },\r\n```\r\n\r\n\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7802\">#c7802\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3131],{"name":3086,"color":3087},3939,"loadingIndicator name is ignored","2023-01-18T16:26:49Z","https://github.com/nuxt/nuxt/issues/3939",0.7173316,{"description":3138,"labels":3139,"number":3145,"owner":3034,"repository":3034,"state":3089,"title":3146,"updated_at":3147,"url":3148,"score":3149},"### 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",[3140,3141,3142],{"name":3022,"color":3023},{"name":3028,"color":3029},{"name":3143,"color":3144},"possible regression","B90A42",31099,"NuxtLoadingIndicator gets stuck when custom props change","2025-03-25T15:51:35Z","https://github.com/nuxt/nuxt/issues/31099",0.7213532,["Reactive",3151],{},["Set"],["ShallowReactive",3154],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fmrGCyW-T72dAjYj9_rEFyVCAdKU0pqdZ3ODS945Xud4":-1},"/nuxt/nuxt/8562"]