` 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).",[1984,1987,1990,1993],{"name":1985,"color":1986},"enhancement","8DEF37",{"name":1988,"color":1989},"good first issue","fbca04",{"name":1991,"color":1992},"upstream","E8A36D",{"name":1994,"color":1995},"馃嵃 p2-nice-to-have","0E8A16",24553,"nuxt","open","[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.7730438,{"description":2004,"labels":2005,"number":2011,"owner":1997,"repository":1997,"state":1998,"title":2012,"updated_at":2013,"url":2014,"score":2015},"### Environment\n\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v16.19.0`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `yarn@3.3.1`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\n1. Create a Nuxt \"UX Library\" Module that provides components and performs auto loading of those.\r\n2. Use the Module in your application.\r\n3. Start the application\r\n4. Add a new component to the Nuxt Module\r\n\r\nThe component won't be found until the application is restarted.\r\n\n\n### Describe the bug\n\nNewly added components are not added to components.d.ts of application during development and require a restart of the application to take effect.\r\n\r\n\r\nIs there any way to get the same behavior of the module, that the application already has so newly added components trigger a refresh?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2006,2007,2008],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":2009,"color":2010},"dx","C39D69",12350,"watch components directories inside same monorepo","2024-06-30T11:09:39Z","https://github.com/nuxt/nuxt/issues/12350",0.77994967,{"description":2017,"labels":2018,"number":2023,"owner":1997,"repository":1997,"state":2024,"title":2025,"updated_at":2026,"url":2027,"score":2028},"### What problem does this feature solve?\n\nIt's common enough to want to have placeholder spinners or loading indicators for specific components or on certain parts of a page. Rather than paste from the source code or add another spinner/loader plugin, why not call the existing loadingIndicator animations inside a given component. \n\nMaybe this is already possible; I'm not super clear on the scoping for Nuxt and the documentation is pretty sparse in that area. \n\nSlightly related: loading and loadingIndicator do pretty different things, but are named very similarly. Something like 'route-progress-load' and 'loadingIndicator-page' might be better (those are both terrible names but hopefully the idea comes across).\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7290\">#c7290\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2019,2020],{"name":1985,"color":1986},{"name":2021,"color":2022},"2.x","d4c5f9",3475,"closed","Easily reuse either loading or loadingIndicator for other parts of a site","2023-01-22T15:50:41Z","https://github.com/nuxt/nuxt/issues/3475",0.7467869,{"description":2030,"labels":2031,"number":2035,"owner":1997,"repository":1997,"state":2024,"title":2036,"updated_at":2037,"url":2038,"score":2039},"### Describe the feature\n\nI am working on a Nuxt module that programmatically creates pages based on a specific configuration. Whenever I make changes to these configurations, I would like to receive instant feedback. I have managed to address this issue by implementing the following code:\r\n\r\n```js\r\nexport default defineNuxtModule((options, nuxt) => {\r\n // define de \"pages extender\"\r\n extendPages(async (pages) => {\r\n const config = fs.read('...')\r\n await generatePagesBasedWithConfig(pages, config)\r\n await nuxt.callHook('admin:updated')\r\n })\r\n\r\n // watch for a config change\r\n nuxt.hook('builder:watch', async (event, path) => {\r\n if (isConfig(path)) {\r\n await updateTemplates({\r\n filter: (template) => template.filename === 'routes.mjs'\r\n })\r\n }\r\n })\r\n\r\n // plugin to reload when a page is updated\r\n addVitePlugin({\r\n name: 'config-hmr-plugin',\r\n configureServer(server) {\r\n server.ws.on('connection', () => {\r\n nuxt.hook('admin:updated', () => {\r\n setTimeout(() => {\r\n server.ws.send({\r\n type: 'full-reload'\r\n })\r\n }, 1000)\r\n })\r\n })\r\n }\r\n })\r\n})\r\n```\r\n\r\nAlthough the current implementation works, I believe that it could be a more straightforward and efficient way to replace or modify a page. I would love to be working on this implementation if accepted this suggestion.\r\n\r\nPlease, let me know if I missed something.\n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [X] 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).",[2032,2033,2034],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":1994,"color":1995},21690,"emit HMR events when templates are updated","2024-12-03T15:06:15Z","https://github.com/nuxt/nuxt/issues/21690",0.7527502,{"labels":2041,"number":2054,"owner":1997,"repository":1997,"state":2024,"title":2055,"updated_at":2056,"url":2057,"score":2058},[2042,2045,2048,2051],{"name":2043,"color":2044},"3.x","29bc7f",{"name":2046,"color":2047},"bug","d73a4a",{"name":2049,"color":2050},"components","05B979",{"name":2052,"color":2053},"馃敤 p3-minor","FBCA04",13407,"HMR broken when using ClientOnly component","2023-01-19T16:59:20Z","https://github.com/nuxt/nuxt/issues/13407",0.7584916,{"description":2060,"labels":2061,"number":2068,"owner":1997,"repository":1997,"state":2024,"title":2069,"updated_at":2070,"url":2071,"score":2072},"### Describe the feature\n\nA component to render it slot only during dev would be useful in some cases.\r\n\r\nThe content should be tree shaken during build\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://v3.nuxtjs.org/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/framework/discussions) and [issues](https://github.com/nuxt/framework/issues).",[2062,2063,2066,2067],{"name":1985,"color":1986},{"name":2064,"color":2065},"discussion","538de2",{"name":2043,"color":2044},{"name":1994,"color":1995},15066,"Add `DevOnly` component","2023-01-19T17:44:35Z","https://github.com/nuxt/nuxt/issues/15066",0.75866693,{"labels":2074,"number":2082,"owner":1997,"repository":1997,"state":2024,"title":2083,"updated_at":2084,"url":2085,"score":2086},[2075,2078,2081],{"name":2076,"color":2077},"stale","ffffff",{"name":2079,"color":2080},"pending triage","E99695",{"name":2021,"color":2022},9546,"With Tailwind: adding \u003Cstyle> to SFC breaks HMR","2024-05-01T09:34:47Z","https://github.com/nuxt/nuxt/issues/9546",0.7612336,{"description":2088,"labels":2089,"number":2095,"owner":1997,"repository":2096,"state":2024,"title":2097,"updated_at":2098,"url":2099,"score":2100},"### For what version of Nuxt UI are you suggesting this?\n\nv3-alpha\n\n### Description\n\nI was browsing through the v3 carousel docs at https://ui.nuxt.com/components/carousel#props, to see whether the v3 version will have callback events for onPrev and onNext, but didn't find it.\n\nIs this something that would be considered to implement?\n\nAlternatively, the ability to bind to the active item in the carousel, could also work.\n\nWe would use it to display an info text next to the image, and change it depending on which image is active in the carousel.\n\nIf this is something that is already possible, then please let me know how :)",[2090,2092],{"name":1985,"color":2091},"a2eeef",{"name":2093,"color":2094},"v3","49DCB8",2475,"ui","[v3] `Carousel` feature request: callback methods onPrev & onNext","2024-11-07T14:11:43Z","https://github.com/nuxt/ui/issues/2475",0.7615521,{"labels":2102,"number":2105,"owner":1997,"repository":1997,"state":2024,"title":2106,"updated_at":2107,"url":2108,"score":2109},[2103,2104],{"name":1985,"color":1986},{"name":2021,"color":2022},10299,"Layout options","2025-03-12T16:25:33Z","https://github.com/nuxt/nuxt/issues/10299",0.7632018,{"labels":2111,"number":2118,"owner":1997,"repository":1997,"state":2024,"title":2119,"updated_at":2120,"url":2121,"score":2122},[2112,2113,2114,2115],{"name":2043,"color":2044},{"name":2046,"color":2047},{"name":1991,"color":1992},{"name":2116,"color":2117},"upstream-bug","B60205",14579,"HMR on looping component","2023-01-19T17:37:22Z","https://github.com/nuxt/nuxt/issues/14579",0.76791644,["Reactive",2124],{},["Set"],["ShallowReactive",2127],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"431puAvkI8MmGj8rJEoensbNIrX4CnxmM5s0OIZszQQ":-1},"/nuxt/nuxt/21422"]