\r\n \u003C/div>\r\n```\r\n\r\nhidden -> tailwindcss\r\n\r\n~/plugins/loading.ts\r\n\r\n```\r\nexport default defineNuxtPlugin((nuxtApp) => {\r\n nuxtApp.hook('page:finish', () => {\r\n const app = document.querySelector('#app')\r\n // @ts-ignore\r\n app.className = app.className.replace('hidden', '')\r\n })\r\n\r\n})\r\n```\r\n\r\nremove hidden when the page has finished loading\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2019,2022,2023],{"name":2020,"color":2021},"3.x","29bc7f",{"name":1985,"color":1986},{"name":2004,"color":2024},"FBCA04",23305,"Fixed Bug: Nuxt3 some components load slowly","2023-09-23T19:15:25Z","https://github.com/nuxt/nuxt/issues/23305",0.6711233,{"description":2031,"labels":2032,"number":2035,"owner":1991,"repository":1991,"state":2011,"title":2036,"updated_at":2037,"url":2038,"score":2039},"### Environment\n\n- Operating System: Windows_NT\r\n- Node Version: v18.17.1\r\n- Nuxt Version: 3.7.3\r\n- CLI Version: 3.8.4\r\n- Nitro Version: 2.6.3\r\n- Package Manager: yarn@1.22.4\r\n- Builder: -\r\n- User Config: ssr, experimental, runtimeConfig, modules, ui, tailwindcss, i18n, viewport, proxy, imports, devtools, typescript, $production\r\n- Runtime Modules: @nuxt-alt/proxy@2.3.2, @nuxtjs/google-fonts@3.0.2, @nuxt/image@1.0.0-rc.2, nuxt-icon@0.4.2, @nuxtjs/i18n@8.0.0-rc.4, nuxt-viewport@2.0.6, nuxt-swiper@1.2.2, @nuxt/ui@2.8.1, @vueuse/nuxt@10.4.1\r\n- Build Modules: -\n\n### Reproduction\n\n- upgrade nuxt from 3.6.2 to 3.7.3\r\n- in Windows system run yarn dev\n\n### Describe the bug\n\nJS files including .vue files loading are quite slow. Need to wait 10 minutes (we are bigger project) to finish and onMounted start to run.\r\n\r\nIt do not happen in Mac system\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2033,2034],{"name":2020,"color":2021},{"name":1985,"color":1986},23309,"dev js loading is very slow","2023-11-08T11:55:08Z","https://github.com/nuxt/nuxt/issues/23309",0.68284184,{"description":2041,"labels":2042,"number":2045,"owner":1991,"repository":1991,"state":2011,"title":2046,"updated_at":2047,"url":2048,"score":2049},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v20.14.0\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@9.9.3\r\n- Builder: -\r\n- User Config: css, extends, modules, i18n, site, sitemap, ogImage, linkChecker, seoExperiments, seo, cookieControl, sanctum, bugsnag, image, runtimeConfig, imports, ui, devtools, experimental, colorMode, tailwindcss, sourcemap\r\n- Runtime Modules: @nuxt/ui@2.16.0, @nuxt/image@1.7.0, @vueuse/motion/nuxt@2.2.3, nuxt-clarity-analytics@0.0.6, dayjs-nuxt@2.1.9, nuxt-bugsnag@7.3.0, @dargmuesli/nuxt-cookie-control@8.4.1, nuxt-zod-i18n@1.8.0, @nuxtjs/i18n@8.3.1, nuxt-auth-sanctum@0.3.14, @nuxtjs/seo@2.0.0-rc.10, nuxt-delay-hydration@1.3.3, @nuxt/eslint@0.3.13\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nThe project is very large and I can't reproduce it completely. I don't have this problem in Stackblitz, but I will provide a structure nonetheless.\r\n\r\nhttps://stackblitz.com/edit/github-yebevt?file=nuxt.config.ts\r\n\r\n### Describe the bug\r\n\r\nHi, I have been having problems with Nuxt that I didn't have before. This happens when I am developing locally.\r\nFirst, when I run npm run dev, this is the result:\r\n```\r\nnpm run dev\r\n\r\n> dev\r\n> nuxt dev\r\n\r\nNuxt 3.11.2 with Nitro 2.9.6 7:53:27 PM\r\n 7:53:27 PM\r\n ➜ Local: http://localhost:3000/\r\n ➜ Network: use --host to expose\r\n\r\nℹ Using default Tailwind CSS file nuxt:tailwindcss 7:53:28 PM\r\nℹ Sanctum module initialized w/o global middleware nuxt-auth-sanctum 7:53:28 PM\r\n⚙ The module is disabled, skipping setup. nuxt-og-image 7:53:28 PM\r\n✔ Nuxt Nitro server built in 2924 ms nitro 7:53:36 PM\r\nℹ Vite client warmed up in 7208ms 7:53:37 PM\r\nℹ Vite server warmed up in 7033ms \r\n```\r\n\r\nThe problem is that when I change any value in my nuxt.config.ts, the server becomes very slow.\r\n\r\n```\r\nℹ nuxt.config.ts updated. Restarting Nuxt... 7:58:55 PM\r\nℹ Using default Tailwind CSS file nuxt:tailwindcss 7:58:55 PM\r\nℹ Sanctum module initialized w/o global middleware nuxt-auth-sanctum 7:58:56 PM\r\n⚙ The module is disabled, skipping setup. nuxt-og-image 7:58:56 PM\r\n✔ Nuxt Nitro server built in 28386 ms nitro 7:59:35 PM\r\nℹ Vite client warmed up in 43256ms 7:59:40 PM\r\nℹ Vite server warmed up in 36287ms 7:59:40 PM\r\n✔ Vite server hmr 146 files in 444.331ms\r\n\r\n WARN [Nuxt Site Config] You have set an i18n baseUrl to localhost:3000. This will not work in production. Please set a proper baseUrl in your i18n config.\r\n\r\n\r\n WARN [Nuxt Site Config] You have set an i18n baseUrl to localhost:3000. This will not work in production. Please set a proper baseUrl in your i18n config.\r\n\r\n```\r\n\r\n\r\nhttps://github.com/nuxt/nuxt/assets/32969705/bf0efcb0-b292-411f-a691-347c42d8a45c\r\n\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2043,2044],{"name":1985,"color":1986},{"name":2004,"color":2024},27515,"When the nuxt.config.ts is updated, the reload is very slow.","2024-11-08T22:44:22Z","https://github.com/nuxt/nuxt/issues/27515",0.6935501,{"description":2051,"labels":2052,"number":2056,"owner":1991,"repository":1991,"state":2011,"title":2057,"updated_at":2058,"url":2059,"score":2060},"Hey there.\r\nWhile i'm globally satisfied with Nuxt performance, I'm always trying to achieve a quicker first display for the user.\r\n\r\nI noticed quite a delay when coming with a slow network connexion, so I tried to analyse the asset loading using google chrome. here is my discoveries :\r\n\r\n\r\n\r\nand the Associated DOM\r\n\u003Cimg width=\"769\" alt=\"capture d ecran 2017-09-21 a 14 12 56\" src=\"https://user-images.githubusercontent.com/6388929/30695228-aea421e0-9ed7-11e7-83c4-858529d8de94.png\">\r\n\r\nThis is the loading waterfall called just after a request made to a \"profession\" page, served through SSR.\r\nYou can see the loading order has a few faults :\r\n- Vendor, app and manifest are loading first ans simultaneously, thanks to the preload instruction. That's a good thing\r\n- Then comes all the pages with the prefetch instruction. The three first being loaded are not the files corresponding the the page I'm displaying. That a first issue.\r\n- Then the \"current JS page file\", and it's associated layout are downloaded a second time, I guess it's because they are marked twice in the DOM, one with the prefetch instruction, one with no instruction.\r\n- Boot time is delayed after I got the CSS and asociated font, not sure why since I'm using WebFontLoader in order not to wait for the font.\r\n\r\n\r\nSeveral things there.\r\n- First is the incorrect loading order, and the resources downloaded twice. This may be part of the Vue SSR Bundler.\r\n- Second is the boot time. I can't find why my app isn't displayed earlier. Point of SSR is not to wait for assets to be loaded before displaying the page. I guess this is on my side, but I can't see anything delaying the rendering.\r\n\r\nIf anyone encountered the same kind of issue, I'd be happy to have some hints on what to do to improve both loading order, and first display timing.\r\n\r\nThanks\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1525\">#c1525\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2053],{"name":2054,"color":2055},"2.x","d4c5f9",1702,"Help Needed : Loading order incorrect with prefetch and preload, delayed boot time","2023-01-18T15:54:38Z","https://github.com/nuxt/nuxt/issues/1702",0.6944559,{"description":2062,"labels":2063,"number":2067,"owner":1991,"repository":1991,"state":2011,"title":2068,"updated_at":2069,"url":2070,"score":2071},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v18.18.2\r\n- Nuxt Version: 3.8.1\r\n- CLI Version: 3.9.1\r\n- Nitro Version: 2.7.2\r\n- Package Manager: npm@9.8.1\r\n- Builder: -\r\n- User Config: ssr, srcDir, components, nitro, modules, delayHydration, i18n, bootstrapVueNext, css, vite, devtools, app, runtimeConfig\r\n- Runtime Modules: @bootstrap-vue-next/nuxt@0.14.10, nuxt-jsonld@2.0.8, @nuxtjs/i18n@8.0.0-rc.5, @nuxt/devtools@1.0.3, nuxt-delay-hydration@1.3.3\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\n\r\n\r\n\r\n### Describe the bug\r\n\r\nHello, I'm in the beginning of development of an application, I still don't have many components, despite I have a dynamic component \u003Ccomponent :is=..>, I've added configuration to auto imports and Lazy prefix of components to work, the main issue is that when doing npm run dev, the application in the browser sometimes stays blank, other times it renders but imposible to do right click to see the inspector, and even when I open the inspector using Chrome 3 dot menu, I can see different things :\r\n- Sometimes when the application is visually rendered, the Elements part of the inspector is blank (empty)\r\n- Sometimes keeps reloading infinidly without rendering nothing\r\n- When using incognito window it usually renders fast but the page is still \"frozen\", not given the possibility of right click, showing the same issue for opening dev tools (the Chrome ones, because Nuxt dev tools, I have installed, the icon shows, but nothing happens when clicking in it), also in incognito, when rendering the app, sometimes the Elements tab of the inspector shows nothing, other times shows head and body tags but empty inside, and other times shows head but body empty, other times it shows the bundle (not showing anymore), and I stay in doubt on how to inspect HTML elements, since also the Nuxt Dev Tools seems not responding\r\n- Moreover hot reloading of the application seems not be working. And when I do some change I always have to restart the server and open again in the browser.\r\n- Same when refreshing the page, it stays indefenetly reloading and shows nothing in the end.\r\n\r\nI've tried several strategies, as making the components lazy and trying delay nuxt hydration as you see in the configuration (I'll leave more detail here), but nothing seems to improve responsiveness to the click and ability to inspect.\r\n\r\nAre you aware of this issue? Could you guess what it is hapenning?\r\n\r\n(In the beginning it appeared a message of optimizing dependencies, and hence I've tried optimizeDeps, but now this message doesn't appear anymore, even if with optimizeDeps commented)\r\n\r\nThank you so much\r\n\r\nnuxt.config.ts :\r\n\r\n\r\n```\r\nexport default defineNuxtConfig({\r\n ssr: true,\r\n srcDir: 'src/',\r\n components: [\r\n {\r\n path: '~/components',\r\n pathPrefix: false,\r\n },\r\n ],\r\n nitro: {\r\n routeRules: {\r\n (...)\r\n }\r\n },\r\n modules: ['@bootstrap-vue-next/nuxt','nuxt-jsonld','@nuxtjs/i18n','@nuxt/devtools','nuxt-delay-hydration'],\r\n delayHydration: {\r\n mode: 'init',\r\n // enables nuxt-delay-hydration in dev mode for testing\r\n // NOTE: you should disable this once you've finished testing, it will break HMR\r\n debug: process.env.NODE_ENV === 'development'\r\n },\r\n i18n: {\r\n strategy: 'prefix_except_default',\r\n locales: FT_USE_ONLY_FRENCH_VERSION ? [DEFAULT_LOCALE] : LOCALES,\r\n defaultLocale: DEFAULT_LOCALE.code,\r\n detectBrowserLanguage: false, /\r\n vueI18n: './nuxt-i18n.js',\r\n },\r\n bootstrapVueNext: {\r\n composables: true,\r\n },\r\n css: ['bootstrap/dist/css/bootstrap.min.css','@/assets/scss/main.scss'],\r\n vite: {\r\n server: {\r\n watch: {\r\n usePolling: true\r\n }\r\n },\r\n css: {\r\n preprocessorOptions: {\r\n scss: { additionalData: '@import \"@/assets/scss/_all.scss\";' },\r\n },\r\n },\r\n plugins: [\r\n svgLoader(),\r\n // this plugin is necessary to allow the application to build when using await for messages in i18n configuration\r\n topLevelAwait({\r\n // The export name of top-level await promise for each chunk module\r\n promiseExportName: \"__tla\",\r\n // The function to generate import names of top-level await promise in each chunk module\r\n promiseImportName: i => `__tla_${i}`\r\n })],\r\n /* optimizeDeps: {\r\n exclude: ['@unhead/vue','@prismicio/helpers'],\r\n },*/\r\n },\r\n devtools: { enabled: false },\r\n app: {\r\n head: {\r\n titleTemplate: '(...)'\r\n },\r\n },\r\n runtimeConfig: {\r\n (...)\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_\r\n```",[2064,2065,2066],{"name":2020,"color":2021},{"name":1985,"color":1986},{"name":2004,"color":2024},24410,"Nuxt performace / Browser behavior","2024-01-03T16:22:52Z","https://github.com/nuxt/nuxt/issues/24410",0.6976328,{"description":2073,"labels":2074,"number":2079,"owner":1991,"repository":1991,"state":2011,"title":2080,"updated_at":2081,"url":2082,"score":2083},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v22.6.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.8.2\n- Builder: -\n- User Config: experimental, app, modules, hooks, css, components, imports, pinia, headlessui, colorMode, content\n- Runtime Modules: @nuxtjs/eslint-module@4.1.0, @nuxtjs/tailwindcss@6.13.1, nuxt-headlessui@1.2.0, nuxt-icon@0.6.10, @nuxtjs/color-mode@3.5.2, @pinia/nuxt@0.5.5, @vueuse/nuxt@10.11.1, @nuxt/content@2.13.4\n- Build Modules: -\n------------------------------\n\nBug happens with Vite or Webpack\n\n### Reproduction\n\nhttps://github.com/guska8/nuxt3-awesome-starter\n\n## Project structure:\n\nPage /post have 4 async components\n\n\n\n___\n\nPage /post have 2 async components\n\n\n\n___\n\nIf i open a new tab and go directly to either page, the transferred size in DevTools its the same.\n\n### Describe the bug\n\nIf you have multiple pages with async components, only the components used in the current page should be fetched by the browser. However what's happening is that the entire project is being sent to the browser at once.\n\n## Real-World example of why this Is a problem\n\nI'm migrating a large project from Nuxt 2 with Bridge, which handled this correctly. Previously, the initial page load was 17MB, but with Nuxt 3, it's now 40MB, significantly increasing load times.\n\nA less critical but still relevant issue is that hot reload takes much longer to complete, further worsening the development experience.\n\n### Additional context\n\n- Worked correctly in Nuxt 2 with Bridge\n- Not exclusive to Vite or Webpack\n- Tried various Webpack cacheGroup/chunk configurations with no success\n- Looks like the same problem from https://github.com/nuxt/nuxt/issues/14093, https://github.com/nuxt/nuxt/issues/13778, https://github.com/nuxt/nuxt/issues/18376\n- Disabling prefetch didn’t resolve the issue\n\n### Logs\n\n```shell-script\n\n```",[2075,2076],{"name":1985,"color":1986},{"name":2077,"color":2078},"possible regression","B90A42",30825,"Nuxt 3 prefetch all assets & modules at the first page","2025-02-18T18:46:49Z","https://github.com/nuxt/nuxt/issues/30825",0.69828784,{"description":2085,"labels":2086,"number":2089,"owner":1991,"repository":1991,"state":2011,"title":2090,"updated_at":2091,"url":2092,"score":2093},"### Environment\n\nNuxt project info: 6:37:53 PM\n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.15.1\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: yarn@1.22.22\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2, nuxt-monaco-editor@1.3.1, @element-plus/nuxt@1.1.0\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nThis is my `nuxt.config.js`:\n\n```js\nexport default defineNuxtConfig({\n\tdevtools: { enabled: true },\n\tssr:true,\n\tdevServer:{\n\t\thost:\"0.0.0.0\",\n\t\tport:8001,\n\t},\n\tmodules: [\"@nuxt/ui\", \"nuxt-monaco-editor\", '@element-plus/nuxt'],\n\tplugins:[{\n\t\tsrc:\"~/plugins/router.js\",\n\t\tssr:false,\n\t}],\n\talias: {\n\t\t'css':\"/assets/css\",\n\t\t'font':\"/assets/font\",\n\t\t\"comps\":\"/components\",\n\t\t\"pages\":\"/pages\"\n\t},\n\tcss:[\"css/index.css\"],\n\tcompatibilityDate: \"2024-08-05\",\n})\n```\n\nVery simple, but I found that in the DEV mode, devServer will load the modules' file (in the node_modules) for many times repeatly!\n\nThese 3 modules generated about 2k js files needing to load, which spend about 2minutes to load a page, but when I just modify a little bit part of my code(or just wait for some time without doing anything), the version of the js files changed, so I need to load them again!\n\n\n\nOnly the js files for the 3 modules would be loaded for many times, others wouldn't.\n\n\n### Describe the bug\n\nLike the above, in the loading time, I could do nothing but waiting.There is no response after clicking the link, button or other item.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2087,2088],{"name":1985,"color":1986},{"name":2004,"color":2024},29945,"Extremely slow due to the Nuxt Modules!!! I even can not bear that!","2024-11-16T20:32:02Z","https://github.com/nuxt/nuxt/issues/29945",0.69894826,{"description":2095,"labels":2096,"number":2100,"owner":1991,"repository":1991,"state":2011,"title":2101,"updated_at":2102,"url":2103,"score":2104},"\n### Environment\n\nNuxt project info: \n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.15.1\n- Nuxt Version: 3.13.2\n- CLI Version: 3.13.2\n- Nitro Version: 2.9.7\n- Package Manager: bun@1.1.8\n- Builder: -\n- User Config: experimental, runtimeConfig, build, devtools, nitro, routeRules, plugins, modules, eslint, pinia, site, delayHydration, i18n, icon, app, content, svgo, sitemap, googleFonts, image, mdc, htmlValidator, compatibilityDate\n- Runtime Modules: @nuxt/ui@2.18.4, @nuxt/image@1.8.0, @nuxt/content@2.13.2, @nuxt/eslint@0.5.7, @nuxtjs/google-fonts@3.2.0, @nuxtjs/fontaine@0.4.3, @nuxtjs/i18n@8.5.5, @nuxtjs/mdc@0.8.3, @nuxtjs/sitemap@6.1.0, @nuxtjs/html-validator@1.8.2, nuxt-delay-hydration@1.3.8, nuxt-svgo@4.0.6, @vueuse/nuxt@11.1.0, @vueuse/motion/nuxt@2.2.5, @pinia/nuxt@0.5.4, @nuxthq/studio@2.0.3, @nuxt/icon@1.5.1, @formkit/auto-animate/nuxt@0.8.2\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nGithub to reproduction: https://github.com/hoachnt/hoachnt-web\n\n### Describe the bug\n\nI don't know what problem is. I try to fix this bug 2 months and think that problem is in nuxt. And yep I saw in the official website of nuxt has same problem\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2097,2098,2099],{"name":1985,"color":1986},{"name":2004,"color":2024},{"name":2077,"color":2078},29387,"Icons not rendering on production build when mounting","2024-10-15T06:27:30Z","https://github.com/nuxt/nuxt/issues/29387",0.6995476,["Reactive",2106],{},["Set"],["ShallowReactive",2109],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"dDSQ275rfMwPFYojATNSh9f_GXvsrxpgrWqlTYnxmYw":-1},"/nuxt/ui/2124"]