` component that shows the loading bar at the top but I think if we combine that with this native loading indicator feature we can really make great UX.\r\n\r\nYes, this is bleeding edge feature not currently supported everywhere but I think it would be nice to still give users the option to use this new feature _**IF their browser supports it.**_\r\n\r\nDocs: \r\nhttps://developer.chrome.com/docs/web-platform/navigation-api/\r\nhttps://developer.mozilla.org/en-US/docs/Web/API/Navigation_API\r\n\r\nDemo:\r\nhttps://gigantic-honored-octagon.glitch.me/\r\n\r\n_(In the demo, you can activate the `Add an artificial two-second delay to all navigations (should impact the loading spinner/scroll restoration/focus reset/accessibility announcements).` checkbox to see the native loader appearing on the tab when navigating)_\r\n\r\n\r\n\r\n\r\n### Additional information\r\n\r\n- [ ] Would you be willing to help implement this feature?\r\n- [ ] Could this feature be implemented as a module?\r\n\r\n### Final checks\r\n\r\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\r\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2015,2016,2019,2022],{"name":1998,"color":1999},{"name":2017,"color":2018},"good first issue","fbca04",{"name":2020,"color":2021},"upstream","E8A36D",{"name":2023,"color":2024},"🍰 p2-nice-to-have","0E8A16",24553,"[Feature Request] Use the new browser Navigation API to show a native loading indicator when navigating","2025-02-22T19:58:43Z","https://github.com/nuxt/nuxt/issues/24553",0.70953333,{"description":2031,"labels":2032,"number":2038,"owner":1988,"repository":1988,"state":2039,"title":2040,"updated_at":2041,"url":2042,"score":2043},"### Describe the feature\n\nI'd like to be able to disable the global loading indicator for some API calls in cases where I build components that have their own loading indicator. Having a global one is redundant in such a case.\r\n\r\n\n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2033,2034,2035],{"name":1998,"color":1999},{"name":2001,"color":2002},{"name":2036,"color":2037},"3.x","29bc7f",26050,"closed","Add ability to disable the `NuxtLoadingIndicator` on some API calls","2024-03-06T20:55:02Z","https://github.com/nuxt/nuxt/issues/26050",0.6797413,{"description":2045,"labels":2046,"number":2051,"owner":1988,"repository":1988,"state":2039,"title":2052,"updated_at":2053,"url":2054,"score":2055},"### Describe the feature\n\nCurrently, the NuxtLoadingIndicator component is not very smart about the way it shows page loading. For example if you set the `duration` prop to 2000 ms it will simply go to the end in 2 seconds and that's all. But if the page takes 5 seconds to load then the loading bar will be at the end stuck for 3 seconds. Not a very good UX.\r\n\r\nI have seen loading indicators where it slowly backs off from reaching the end if the page is not loaded yet. For example if it gets to about 50% and the page is still not loaded it starts moving more slowly and gets slower with time so it does not reach the end. It's an incremental back-off strategy.\n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2047,2048,2049,2050],{"name":1998,"color":1999},{"name":2017,"color":2018},{"name":2036,"color":2037},{"name":2023,"color":2024},24552,"[Feature Request] Implement a backing off strategy for \u003CNuxtLoadingIndicator>","2024-01-29T16:19:34Z","https://github.com/nuxt/nuxt/issues/24552",0.68128866,{"description":2057,"labels":2058,"number":2063,"owner":1988,"repository":1988,"state":2039,"title":2064,"updated_at":2065,"url":2066,"score":2067},"### Describe the feature\r\n\r\nHello,\r\n\r\nAs discussed in #24900.\r\n\r\nThere should be an option for `useLoadingIndicator.start({ force: true })` so when it's called the Loading indicator should start from scratch.\r\n\r\nCurrently, after the page load it's not possible to manually start `useLoadingIndicator` because there is `setTimeout` which is basically preventing the start:\r\n\r\nhttps://github.com/nuxt/nuxt/blob/f5676fba5668c3dbff8c1c40e988d469740ee82e/packages/nuxt/src/app/composables/loading-indicator.ts#L16-L23\r\n\r\n\r\nAs suggested by @manniL I could use a workaround and wait 1 second\r\n\r\n```javascript\r\nexport default defineNuxtPlugin({\r\n // eslint-disable-next-line unused-imports/no-unused-vars\r\n async setup(nuxtApp) {},\r\n hooks: {\r\n // You can directly register Nuxt app runtime hooks here\r\n 'page:loading:end': async function () {\r\n console.log('Calling startLoading function from a plugin!');\r\n await new Promise(r => setTimeout(r, 1000))\r\n startLoading();\r\n },\r\n },\r\n});\r\n```\r\n\r\nHonestly, this makes loading indicator as lagging which is weird.\r\n\r\nThanks!\r\n\r\n\r\n### Additional information\r\n\r\n- [ ] Would you be willing to help implement this feature?\r\n- [ ] Could this feature be implemented as a module?\r\n\r\n### Final checks\r\n\r\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\r\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2059,2060,2061,2062],{"name":1998,"color":1999},{"name":2017,"color":2018},{"name":2036,"color":2037},{"name":2023,"color":2024},24938,"[feat] useLoadingIndicator force reset function","2024-03-06T16:27:06Z","https://github.com/nuxt/nuxt/issues/24938",0.6894632,{"labels":2069,"number":2073,"owner":1988,"repository":1988,"state":2039,"title":2074,"updated_at":2075,"url":2076,"score":2077},[2070,2071,2072],{"name":1998,"color":1999},{"name":2036,"color":2037},{"name":2023,"color":2024},14221,"`\u003CNuxtLoadingIndicator>` and loading events","2023-12-19T10:18:13Z","https://github.com/nuxt/nuxt/issues/14221",0.6894989,{"description":2079,"labels":2080,"number":2084,"owner":1988,"repository":1988,"state":2039,"title":2085,"updated_at":2086,"url":2087,"score":2088},"### Describe the feature\n\nMaybe I'm missing something, I see the `\u003CNuxtLoadingIndicator />` component, but how can I start/stop the loading manually like in Nuxt 2 ? \r\n\r\nIn Nuxt 2 I could do this:\r\n```\r\nthis.$nuxt.$loading.start();\r\nawait somePromise();\r\nthis.$nuxt.$loading.finish();\r\n```\r\nIn Nuxt 3, could we get a composable to do the same ?\r\n```\r\nconst loading = useLoading();\r\nloading.start();\r\nawait somePromise();\r\nloading.finish();\r\n```\r\n\n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2081,2082,2083],{"name":1998,"color":1999},{"name":2036,"color":2037},{"name":2023,"color":2024},19650,"`useLoading` composable to control `\u003CNuxtLoadingIndicator />` ?","2023-03-13T20:30:06Z","https://github.com/nuxt/nuxt/issues/19650",0.69082654,{"description":2090,"labels":2091,"number":2094,"owner":1988,"repository":1988,"state":2039,"title":2095,"updated_at":2096,"url":2097,"score":2098},"### Describe the feature\n\nHello,\r\n\r\nActually, when using `navigateTo` to update the query from the current path (useful for a search for example), the loading indicator will load every time the `navigateTo` run.\r\n\r\nMaybe I'm doing something wrong.\n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2092,2093],{"name":2036,"color":2037},{"name":1985,"color":1986},25117,"allow `useLoadingIndicator` to not start when path does not change","2024-01-09T14:44:45Z","https://github.com/nuxt/nuxt/issues/25117",0.69686055,{"description":2100,"labels":2101,"number":2104,"owner":1988,"repository":1988,"state":2039,"title":2105,"updated_at":2106,"url":2107,"score":2108},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v21.5.0\r\n- Nuxt Version: 3.11.0\r\n- CLI Version: 3.10.1\r\n- Nitro Version: -\r\n- Package Manager: pnpm@8.15.4\r\n- Builder: -\r\n- User Config: modules, app, css, site, i18n, colorMode, ui, robots, sitemap, linkChecker, runtimeConfig, devServer, devtools\r\n- Runtime Modules: @nuxt/image@1.4.0, @nuxt/ui@2.14.2, @nuxtjs/i18n@8.2.0, @nuxtjs/seo@2.0.0-rc.9, @vueuse/nuxt@10.9.0, @pinia/nuxt@0.5.1, @pinia-plugin-persistedstate/nuxt@1.2.0\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nI tried but I guess nuxt is broken on stackblitz? \r\n\r\nhttps://stackblitz.com/edit/nuxt-starter-uq849c?file=README.md\r\n\r\n### Describe the bug\r\n\r\nBefore nuxt 3.11.0 I was able to use the loading indicator like this\r\n\r\n```ts\r\nconst { start, isLoading, finish } = useLoadingIndicator()\r\nstart()\r\n...\r\nfinish()\r\n```\r\n\r\nNow it gives me a type error if a don't add {} inside the finish func\r\n```ts\r\nconst { start, isLoading, finish } = useLoadingIndicator()\r\nstart()\r\n...\r\nfinish({})\r\n```\r\n\r\n### Additional context\r\n\r\n\r\n\r\nSince force is the only entry inside opts and it's optional, I guess opts should be\r\n```ts\r\nopts?: {\r\n\tforce?: boolean | undefined\r\n}\r\n```\r\n\r\nSorry in advance if I'm saying anything wrong here!\r\n\r\n### Logs\r\n\r\n_No response_",[2102,2103],{"name":2036,"color":2037},{"name":1985,"color":1986},26317,"[3.11.0] useLoadingIndicator finish type error","2024-03-17T19:13:47Z","https://github.com/nuxt/nuxt/issues/26317",0.7014876,["Reactive",2110],{},["Set"],["ShallowReactive",2113],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"I2AQvmQPiUihV6UyOrRSqEUP9SW8RaqVrTV_-ARj7F0":-1},"/nuxt/nuxt/27175"]