benjamincanac
commented
4 months ago Would you mind sharing a reproduction? We won't be able to help you with so little informations.
Open Mohsen-graphyy opened 4 months ago
benjamincanac
commented
4 months ago Would you mind sharing a reproduction? We won't be able to help you with so little informations.
unitythemaker
commented
4 months ago I am also having a similar issue.
I tried to remove each module one-by-one and the problem is with @nuxt/ui. Removing Nuxt UI module starts the dev server 30-40 seconds faster. Also, even after the dev server starts, when I enter in the browser, it makes me wait for an additional 15-20 seconds (I guess it's rendering something). After this initial slowness, everything is faster afterwards like when changed file in client/server or reloaded page.
Production build doesn't have any of these problems. It runs very fast.
Reproduction with similar slowness: https://github.com/unitythemaker/nuxt-ui-speed-drop https://stackblitz.com/~/github.com/unitythemaker/nuxt-ui-speed-drop
It runs faster than it runs on my project but I think below results are still not too fast.
npx nuxi info
Working directory: /home/unitythemaker/nuxt-ui-speed-drop 12:00:49 PM
Nuxt project info: 12:00:49 PM
------------------------------
- Operating System: Linux
- Node Version: v18.20.3
- Nuxt Version: 3.11.2
- CLI Version: 3.11.1
- Nitro Version: -
- Package Manager: npm@10.2.3
- Builder: -
- User Config: devtools, extends, modules, ui
- Runtime Modules: @nuxt/content@2.12.1, @nuxt/ui@2.16.0, @nuxt/image@1.7.0
- Build Modules: -
------------------------------
👉 Report an issue: https://github.com/nuxt/nuxt/issues/new 12:00:49 PM
👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new
👉 Read documentation: https://nuxt.compnpm dev
...
ℹ Compiled plugins/server.mjs in 518.98ms 11:57:09 AM
ℹ Compiled plugins/client.mjs in 524.32ms 11:57:09 AM
ℹ Compiled types/plugins.d.ts in 524.98ms 11:57:09 AM
...
ℹ Vite server warmed up in 5093ms 11:57:17 AM
ℹ Vite client warmed up in 7115ms 11:57:18 AM
✔ Nuxt Nitro server built in 4241 ms nitro 11:57:19 AM
✔ Vite server hmr 49 files in 8729.38msnpx nuxi info
Working directory: /home/unitythemaker/Extras/projects-collection/defencemore/website
Nuxt project info:
------------------------------
- Operating System: Linux
- Node Version: v20.14.0
- Nuxt Version: 3.11.2
- CLI Version: 3.11.1
- Nitro Version: 2.9.6
- Package Manager: pnpm@9.1.2
- Builder: -
- User Config: devtools, extends, modules, runtimeConfig, gtag, ui, googleFonts, eslint, tailwindcss, colorMode, nitro
- Runtime Modules: @nuxt/content@2.12.1, @nuxt/image@1.7.0, @nuxtjs/google-fonts@3.2.0, @nuxtjs/fontaine@0.4.2, nuxt-og-image@3.0.0-rc.53, nuxt-jsonld@2.0.8, nuxt-gtag@2.0.6, nuxt-module-hotjar@1.2.6, @nuxt/eslint@0.3.12, @nuxt/ui@2.16.0-28596141.4f0d00f
- Build Modules: -
------------------------------
👉 Report an issue: https://github.com/nuxt/nuxt/issues/new
👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new
👉 Read documentation: https://nuxt.compnpm dev
> nuxt-app@ dev /home/unitythemaker/Extras/projects-collection/defencemore/website
> nuxt dev
Nuxt 3.11.2 with Nitro 2.9.6 11:19:48 AM
11:19:48 AM
➜ Local: http://localhost:3000/
➜ Network: use --host to expose
ℹ Using default Tailwind CSS file nuxt:tailwindcss 11:19:50 AM
➜ DevTools: press Shift + Alt + D in the browser (v1.3.1) 11:19:50 AM
ℹ Tailwind Viewer: http://localhost:3000/_tailwind/ nuxt:tailwindcss 11:19:58 AM
ℹ Re-optimizing dependencies because vite config has changed 11:19:59 AM
ℹ Vite server warmed up in 12695ms 11:20:12 AM
ℹ Vite client warmed up in 13762ms 11:20:13 AM
✔ Nuxt Nitro server built in 2401 ms nitro 11:20:15 AM
(process:15231): VIPS-WARNING **: 11:20:16.086: unable to load "/usr/lib/vips-modules-8.15/vips-openslide.so" -- libopenslide.so.1: cannot open shared object file: No such file or directory
WARN Sentry DSN not set, skipping Sentry initialization
✔ Vite server hmr 74 files in 36171.41ms✔ Vite server hmr 74 files in 36171.41ms
Is there a way to determine where the Vite server spends the most time during the build process?
unitythemaker
commented
4 months ago Here is a build analyze: nuxt-analyze.zip
Mohsen-graphyy
commented
4 months ago I have removed @nuxt/ui and reinstalled it in my project and as before nuxt loads fast, only takes 3 or 5 seconds per save change.
Faster version: "@nuxt/ui": "^2.16.0",
But I still have the Vite server 74 hmr files at 36171.41ms. This problem is more visible when starting the npm run devprogram.
unitythemaker
commented
4 months ago Do you have ui: { icons: 'all' } too?
I think the problem might be caused by it. I tried to comment it and now it looks like this:
ℹ Vite client warmed up in 8087ms 6:46:40 PM
ℹ Vite server warmed up in 7658ms 6:46:40 PM
✔ Nuxt Nitro server built in 2026 ms nitro 6:46:42 PMCan you try this too and verify on your project?
bitbytebit1
commented
3 months ago Is there a way to determine where the Vite server spends the most time during the build process?
@unitythemaker You can use DEBUG=* npm run dev to get more information
carlosvaldesweb
commented
3 months ago Also happened to me. I've open issue in nuxt repository, thinking that it was a issue with the framework, but i've disabled Nuxt UI and all works correctly.
carlosvaldesweb
commented
3 months ago I think that issue could be related with tailwind, when i use debug:true in my nuxt.config.ts, this is the result. I need to clarify that the problem only occurs to me when I make a change in nuxt.config.ts.
ℹ nuxt.config.ts updated. Restarting Nuxt... 10:12:26 AM
[nitro-runtime] close: 0.285ms
[nitro] close: 18.925ms 10:12:26 AM
[nuxt] close: 20.544ms 10:12:26 AM
[nuxt] builder:watch: 0.12ms 10:12:26 AM
[nuxt] modules:before: 0.023ms 10:12:27 AM
[nuxt] kit:compatibility: 6.877ms 10:12:27 AM
[nuxt] kit:compatibility: 6.989ms 10:12:27 AM
[nuxt] kit:compatibility: 7.059ms 10:12:27 AM
[nuxt] kit:compatibility: 7.164ms 10:12:27 AM
[nuxt] kit:compatibility: 7.243ms 10:12:27 AM
[nuxt] kit:compatibility: 7.317ms 10:12:27 AM
[nuxt] kit:compatibility: 7.373ms 10:12:27 AM
[nuxt] kit:compatibility: 7.422ms 10:12:27 AM
[nuxt] kit:compatibility: 7.467ms 10:12:27 AM
[nuxt] kit:compatibility: 7.52ms 10:12:27 AM
[nuxt] kit:compatibility: 7.562ms 10:12:27 AM
[nuxt] kit:compatibility: 7.626ms 10:12:27 AM
[nuxt] kit:compatibility: 0.007ms 10:12:27 AM
[nuxt] kit:compatibility: 0.01ms 10:12:27 AM
[nuxt] kit:compatibility: 0.082ms 10:12:27 AM
[nuxt] kit:compatibility: 0.137ms 10:12:27 AM
ℹ Module nuxt-icon took 0.37ms to setup. 10:12:27 AM
[nuxt] kit:compatibility: 0.008ms 10:12:27 AM
[nuxt] kit:compatibility: 0.022ms 10:12:27 AM
[nuxt] kit:compatibility: 0.089ms 10:12:27 AM
ℹ Module @nuxtjs/color-mode took 0.71ms to setup. 10:12:27 AM
[nuxt] kit:compatibility: 0.008ms 10:12:27 AM
ℹ Using default Tailwind CSS file nuxt:tailwindcss 10:12:27 AM
ℹ Module @nuxtjs/tailwindcss took 11.4ms to setup. 10:12:27 AM
[nuxt] kit:compatibility: 0.084ms 10:12:27 AM
[nuxt] kit:compatibility: 0.142ms 10:12:27 AM
[nuxt] kit:compatibility: 0.215ms 10:12:27 AM
[nuxt] kit:compatibility: 0.286ms 10:12:27 AM
[nuxt] kit:compatibility: 0.336ms 10:12:27 AM
[nuxt] kit:compatibility: 0.38ms 10:12:27 AM
[nuxt] kit:compatibility: 0.414ms 10:12:27 AM
ℹ Module @nuxt/ui took 104.46ms to setup. 10:12:27 AM
[nuxt] kit:compatibility: 0.024ms 10:12:27 AM
[nuxt] kit:compatibility: 0.045ms 10:12:27 AM
[nuxt] kit:compatibility: 0.088ms 10:12:27 AM
[nuxt] kit:compatibility: 0.153ms 10:12:27 AM
ℹ Module @nuxt/image took 0.42ms to setup. 10:12:27 AM
[nuxt] devtools:before: 0.005ms 10:12:27 AM
[nuxt] devtools:initialized: 0.009ms 10:12:27 AM
➜ DevTools: press Shift + Option + D in the browser (v1.3.3) 10:12:27 AM
ℹ Module @nuxt/devtools took 1.7ms to setup. 10:12:27 AM
[nuxt] pages:routerOptions: 0.006ms 10:12:27 AM
[nuxt] kit:compatibility: 0.006ms 10:12:27 AM
ℹ Module pages took 4.73ms to setup. 10:12:27 AM
[nuxt] kit:compatibility: 0.236ms 10:12:27 AM
[nuxt] kit:compatibility: 0.303ms 10:12:27 AM
[nuxt] kit:compatibility: 0.361ms 10:12:27 AM
[nuxt] kit:compatibility: 0.408ms 10:12:27 AM
[nuxt] kit:compatibility: 0.465ms 10:12:27 AM
[nuxt] kit:compatibility: 0.509ms 10:12:27 AM
[nuxt] kit:compatibility: 0.554ms 10:12:27 AM
[nuxt] kit:compatibility: 0.598ms 10:12:27 AM
[nuxt] kit:compatibility: 0.69ms 10:12:27 AM
[nuxt] kit:compatibility: 0.956ms 10:12:27 AM
ℹ Module meta took 1.43ms to setup. 10:12:27 AM
ℹ Module components took 0.31ms to setup. 10:12:27 AM
[nuxt] imports:sources: 0.231ms 10:12:27 AM
[nuxt] imports:context: 0.013ms 10:12:27 AM
[nuxt] imports:dirs: 0.073ms 10:12:27 AM
[nuxt] imports:extend: 0.06ms 10:12:27 AM
[nuxt] builder:generateApp: 0.006ms 10:12:27 AM
ℹ Module imports took 25.86ms to setup. 10:12:27 AM
ℹ Module nuxt-config-schema took 0.61ms to setup. 10:12:27 AM
ℹ Module @nuxt/telemetry took 0.02ms to setup. 10:12:27 AM
[nuxt] tailwindcss:loadConfig: 0.084ms 10:12:27 AM
[nuxt] tailwindcss:loadConfig: 0.118ms 10:12:27 AM
[nuxt] tailwindcss:config: 3.428ms 10:12:27 AM
[nuxt] tailwindcss:resolvedConfig: 0.027ms 10:12:27 AM
[nuxt] schema:extend: 0.07ms 10:12:27 AM
[nuxt] schema:resolved: 0.006ms 10:12:27 AM
[nuxt] modules:done: 84.749ms 10:12:27 AM
[nuxt] nitro:config: 0.05ms 10:12:27 AM
[nuxt] nitro:init: 0.173ms 10:12:27 AM
[nuxt] ready: 0.096ms 10:12:27 AM
ℹ Tailwind Viewer: http://localhost:3000/_tailwind/ nuxt:tailwindcss 10:12:27 AM
[nuxt] listen: 0.192ms 10:12:27 AM
[nuxt] devtools:customTabs: 0.065ms 10:12:27 AM
[nuxt] components:dirs: 0.009ms 10:12:27 AM
[nuxt] app:resolve: 0.531ms 10:12:27 AM
[nuxt] prepare:types: 0.11ms 10:12:27 AM
[nuxt] pages:extend: 0.051ms 10:12:27 AM
[nuxt] components:extend: 0.211ms 10:12:27 AM
[nuxt] app:templates: 23.271ms 10:12:27 AM
ℹ Compiled app-component.mjs in 18.35ms 10:12:27 AM
ℹ Compiled types/app.config.d.ts in 18.48ms 10:12:27 AM
ℹ Compiled app.config.mjs in 18.57ms 10:12:27 AM
ℹ Compiled types/build.d.ts in 18.63ms 10:12:27 AM
ℹ Compiled nitro.client.mjs in 17.8ms 10:12:27 AM
ℹ Compiled css.mjs in 17.87ms 10:12:27 AM
ℹ Compiled fetch.mjs in 17.88ms 10:12:27 AM
ℹ Compiled error-component.mjs in 17.93ms 10:12:27 AM
ℹ Compiled layouts.mjs in 17.98ms 10:12:27 AM
ℹ Compiled middleware.mjs in 18ms 10:12:27 AM
ℹ Compiled types/nitro-nuxt.d.ts in 18.01ms 10:12:27 AM
ℹ Compiled nuxt.config.mjs in 18.06ms 10:12:27 AM
ℹ Compiled paths.mjs in 18.07ms 10:12:27 AM
ℹ Compiled root-component.mjs in 18.11ms 10:12:27 AM
ℹ Compiled test-component-wrapper.mjs in 17.94ms 10:12:27 AM
ℹ Compiled types/vue-shim.d.ts in 17.99ms 10:12:27 AM
ℹ Compiled ui.colors.mjs in 18.04ms 10:12:27 AM
ℹ Compiled ui.colors.d.ts in 18.06ms 10:12:27 AM
ℹ Compiled icon-collections.mjs in 18.11ms 10:12:27 AM
ℹ Compiled color-mode-options.mjs in 18.15ms 10:12:27 AM
ℹ Compiled nuxtui-tailwind.config.cjs in 18.18ms 10:12:27 AM
ℹ Compiled image-options.mjs in 18.16ms 10:12:27 AM
ℹ Compiled vue-router-stub.d.ts in 18.11ms 10:12:27 AM
ℹ Compiled vue-router-stub.mjs in 18.16ms 10:12:27 AM
ℹ Compiled routes.mjs in 18.22ms 10:12:27 AM
ℹ Compiled pages.mjs in 16.62ms 10:12:27 AM
ℹ Compiled types/middleware.d.ts in 12.31ms 10:12:27 AM
ℹ Compiled types/layouts.d.ts in 12.35ms 10:12:27 AM
ℹ Compiled unhead-plugins.mjs in 12.39ms 10:12:27 AM
ℹ Compiled unhead.config.mjs in 12.45ms 10:12:27 AM
ℹ Compiled components.d.ts in 12.51ms 10:12:27 AM
ℹ Compiled components.plugin.mjs in 11.98ms 10:12:27 AM
ℹ Compiled component-names.mjs in 12.01ms 10:12:27 AM
ℹ Compiled components.islands.mjs in 12.05ms 10:12:27 AM
ℹ Compiled tailwind.config.cjs in 14.31ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/aspectRatio.mjs in 14.2ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/typography.mjs in 14.25ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/containers.mjs in 14.21ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/accentColor.mjs in 14.28ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/animation.mjs in 14.27ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/aria.mjs in 14.33ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/backdropBlur.mjs in 14.39ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/backdropBrightness.mjs in 14.46ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/backdropContrast.mjs in 14.52ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/backdropGrayscale.mjs in 14.59ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/backdropHueRotate.mjs in 14.7ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/backdropInvert.mjs in 14.78ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/backdropOpacity.mjs in 14.86ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/backdropSaturate.mjs in 14.92ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/backdropSepia.mjs in 15ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/backgroundColor.mjs in 15.07ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/backgroundImage.mjs in 15.07ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/backgroundOpacity.mjs in 15.14ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/backgroundPosition.mjs in 15.2ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/backgroundSize.mjs in 15.26ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/blur.mjs in 15.33ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/borderColor.mjs in 15.39ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/borderOpacity.mjs in 15.37ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/borderRadius.mjs in 15.44ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/borderSpacing.mjs in 15.51ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/borderWidth.mjs in 15.56ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/boxShadow.mjs in 15.63ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/boxShadowColor.mjs in 15.7ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/brightness.mjs in 15.69ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/caretColor.mjs in 15.75ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/colors.mjs in 15.74ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/columns.mjs in 14.89ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/container.mjs in 14.96ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/content.mjs in 15.02ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/contrast.mjs in 15.08ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/cursor.mjs in 15.15ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/divideColor.mjs in 15.21ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/divideOpacity.mjs in 15.18ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/divideWidth.mjs in 15.23ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/dropShadow.mjs in 15.3ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/fill.mjs in 15.36ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/flex.mjs in 15.36ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/flexBasis.mjs in 15.42ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/flexGrow.mjs in 15.48ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/flexShrink.mjs in 15.54ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/fontFamily.mjs in 15.61ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/fontSize.mjs in 15.65ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/fontWeight.mjs in 15.7ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/gap.mjs in 15.76ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/gradientColorStops.mjs in 15.82ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/gradientColorStopPositions.mjs in 15.81ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/grayscale.mjs in 15.88ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/gridAutoColumns.mjs in 15.95ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/gridAutoRows.mjs in 16.02ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/gridColumn.mjs in 16.08ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/gridColumnEnd.mjs in 16.15ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/gridColumnStart.mjs in 16.23ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/gridRow.mjs in 16.29ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/gridRowEnd.mjs in 16.35ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/gridRowStart.mjs in 16.41ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/gridTemplateColumns.mjs in 16.48ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/gridTemplateRows.mjs in 16.54ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/height.mjs in 16.61ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/hueRotate.mjs in 16.67ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/inset.mjs in 16.74ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/invert.mjs in 16.79ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/keyframes.mjs in 16.86ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/letterSpacing.mjs in 16.91ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/lineHeight.mjs in 16.98ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/listStyleType.mjs in 17.04ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/listStyleImage.mjs in 17.11ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/margin.mjs in 17.18ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/lineClamp.mjs in 17.24ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/maxHeight.mjs in 17.31ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/maxWidth.mjs in 17.37ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/minHeight.mjs in 17.42ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/minWidth.mjs in 17.48ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/objectPosition.mjs in 17.54ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/opacity.mjs in 17.6ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/order.mjs in 17.66ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/outlineColor.mjs in 17.72ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/outlineOffset.mjs in 17.72ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/outlineWidth.mjs in 17.79ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/padding.mjs in 17.87ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/placeholderColor.mjs in 17.92ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/placeholderOpacity.mjs in 17.92ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/ringColor.mjs in 17.99ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/ringOffsetColor.mjs in 17.98ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/ringOffsetWidth.mjs in 17.99ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/ringOpacity.mjs in 18.06ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/ringWidth.mjs in 18.13ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/rotate.mjs in 18.19ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/saturate.mjs in 18.26ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/scale.mjs in 18.33ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/screens.mjs in 18.39ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/scrollMargin.mjs in 18.45ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/scrollPadding.mjs in 18.51ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/sepia.mjs in 18.57ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/skew.mjs in 18.64ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/space.mjs in 18.7ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/spacing.mjs in 18.76ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/stroke.mjs in 18.82ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/strokeWidth.mjs in 18.82ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/supports.mjs in 18.89ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/data.mjs in 18.96ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/textColor.mjs in 19.03ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/textDecorationColor.mjs in 19.03ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/textDecorationThickness.mjs in 19.04ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/textIndent.mjs in 19.11ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/textOpacity.mjs in 19.18ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/textUnderlineOffset.mjs in 19.24ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/transformOrigin.mjs in 19.31ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/transitionDelay.mjs in 19.38ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/transitionDuration.mjs in 19.43ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/transitionProperty.mjs in 19.49ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/transitionTimingFunction.mjs in 19.55ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/translate.mjs in 19.62ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/size.mjs in 19.69ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/width.mjs in 19.74ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/willChange.mjs in 19.79ms 10:12:27 AM
ℹ Compiled tailwind.config/theme/zIndex.mjs in 19.85ms 10:12:27 AM
ℹ Compiled tailwind.config/theme.mjs in 19.91ms 10:12:27 AM
ℹ Compiled tailwind.config/corePlugins.mjs in 19.95ms 10:12:27 AM
ℹ Compiled tailwind.config/plugins.mjs in 20ms 10:12:27 AM
ℹ Compiled tailwind.config/content/relative.mjs in 20.06ms 10:12:27 AM
ℹ Compiled tailwind.config/content/files.mjs in 20.12ms 10:12:27 AM
ℹ Compiled tailwind.config/content/extract.mjs in 20.19ms 10:12:27 AM
ℹ Compiled tailwind.config/content/transform.mjs in 20.26ms 10:12:27 AM
ℹ Compiled tailwind.config/content.mjs in 20.33ms 10:12:27 AM
ℹ Compiled tailwind.config/darkMode.mjs in 20.39ms 10:12:27 AM
ℹ Compiled tailwind.config/safelist.mjs in 20.45ms 10:12:27 AM
ℹ Compiled tailwind.config/variants/aspectRatio.mjs in 20.48ms 10:12:27 AM
ℹ Compiled tailwind.config/variants.mjs in 20.55ms 10:12:27 AM
ℹ Compiled tailwind.config/presets.mjs in 20.61ms 10:12:27 AM
ℹ Compiled tailwind.config/prefix.mjs in 20.67ms 10:12:27 AM
ℹ Compiled tailwind.config/important.mjs in 20.75ms 10:12:27 AM
ℹ Compiled tailwind.config/separator.mjs in 20.81ms 10:12:27 AM
ℹ Compiled tailwind.config/blocklist.mjs in 20.88ms 10:12:27 AM
ℹ Compiled tailwind.config/index.mjs in 20.94ms 10:12:27 AM
ℹ Compiled types/tailwind.config.d.ts in 21.01ms 10:12:27 AM
ℹ Compiled imports.mjs in 24.56ms 10:12:27 AM
ℹ Compiled imports.d.ts in 24.59ms 10:12:27 AM
[nuxt] pages:routerOptions: 0.147ms 10:12:27 AM
ℹ Compiled router.options.mjs in 30.05ms 10:12:27 AM
ℹ Compiled types/schema.d.ts in 32.28ms 10:12:27 AM
ℹ Compiled devtools/settings.mjs in 32.44ms 10:12:27 AM
ℹ Compiled types/imports.d.ts in 26.86ms 10:12:27 AM
ℹ Compiled plugins/server.mjs in 4.05ms 10:12:27 AM
ℹ Compiled types/plugins.d.ts in 4.55ms 10:12:27 AM
ℹ Compiled plugins/client.mjs in 5.05ms 10:12:27 AM
[nuxt] imports:extend: 0.032ms 10:12:27 AM
[nuxt] builder:generateApp: 0.006ms 10:12:27 AM
[nuxt] tailwindcss:loadConfig: 0.044ms 10:12:27 AM
[nuxt] tailwindcss:loadConfig: 0.062ms 10:12:27 AM
[nuxt] tailwindcss:config: 2.496ms 10:12:27 AM
[nuxt] tailwindcss:resolvedConfig: 0.019ms 10:12:27 AM
[nuxt] app:templatesGenerated: 78.898ms 10:12:27 AM
[nuxt] build:before: 0.007ms 10:12:27 AM
[nuxt] vite:extend: 0.081ms 10:12:27 AM
[nuxt] vite:extendConfig: 0.057ms 10:12:27 AM
[nuxt] vite:configResolved: 0.005ms 10:12:27 AM
[nuxt] builder:chokidar:watch: 50.198ms 10:12:27 AM
ℹ Re-optimizing dependencies because vite config has changed 10:12:27 AM
[nuxt] vite:serverCreated: 1.605ms 10:12:27 AM
[nuxt] server:devHandler: 0.022ms 10:12:27 AM
[nuxt] vite:extendConfig: 0.094ms 10:12:27 AM
[nuxt] vite:configResolved: 0.019ms 10:12:27 AM
[nuxt] build:manifest: 0.096ms 10:12:27 AM
[nuxt] vite:serverCreated: 0.1ms 10:12:29 AM
[nuxt] devtools:customTabs: 0.035ms 10:12:31 AM
[nuxt] components:dirs: 0.01ms 10:12:31 AM
[nuxt] app:resolve: 0.686ms 10:12:31 AM
[nuxt] schema:beforeWrite: 0.004ms 10:12:31 AM
[nuxt] schema:written: 0.018ms 10:12:31 AM
[nuxt] nitro:build:before: 0.007ms 10:12:31 AM
[nitro] rollup:before: 38.005ms 10:12:31 AM
[nitro] types:extend: 0.023ms 10:12:31 AM
[nuxt] pages:extend: 0.071ms 10:12:31 AM
[nuxt] components:extend: 0.218ms 10:12:31 AM
[nuxt] app:templates: 284.215ms 10:12:31 AM
ℹ Compiled tailwind.config.cjs in 0.14ms 10:12:31 AM
[nuxt] imports:extend: 0.033ms 10:12:31 AM
[nuxt] devtools:customTabs: 0.018ms 10:12:32 AM
[nuxt] components:dirs: 0.008ms 10:12:32 AM
[nuxt] app:resolve: 0.55ms 10:12:32 AM
[nuxt] pages:extend: 0.068ms 10:12:32 AM
[nuxt] components:extend: 0.224ms 10:12:36 AM
[nuxt] app:templates: 4.247s 10:12:36 AM
ℹ Compiled types/imports.d.ts in 0.62ms 10:12:36 AM
[nuxt] builder:generateApp: 4.292s 10:12:36 AM
[nuxt] app:templatesGenerated: 4.311s 10:12:36 AM
[nuxt] builder:generateApp: 8.600s 10:12:36 AM
[nuxt] devtools:customTabs: 0.023ms 10:12:38 AM
[nuxt] components:dirs: 0.008ms 10:12:38 AM
[nuxt] app:resolve: 0.644ms 10:12:38 AM
✔ Nuxt Nitro server built in 6614 ms nitro 10:12:38 AM
[nitro] compiled: 0.23ms 10:12:38 AM
[nuxt] build:done: 7.170s 10:12:38 AM
[nuxt] pages:extend: 0.064ms 10:12:38 AM
[nitro] dev:reload: 467.581ms 10:12:38 AM
[nuxt] components:extend: 0.16ms 10:12:39 AM
[nuxt] app:templates: 843.766ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/aspectRatio.mjs in 7.43ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/typography.mjs in 7.58ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/containers.mjs in 7.59ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/accentColor.mjs in 7.68ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/animation.mjs in 7.71ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/aria.mjs in 7.8ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/backdropBlur.mjs in 7.89ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/backdropBrightness.mjs in 7.98ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/backdropContrast.mjs in 8.08ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/backdropGrayscale.mjs in 8.17ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/backdropHueRotate.mjs in 8.27ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/backdropInvert.mjs in 8.37ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/backdropOpacity.mjs in 8.46ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/backdropSaturate.mjs in 8.56ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/backdropSepia.mjs in 8.65ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/backgroundColor.mjs in 8.75ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/backgroundImage.mjs in 8.78ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/backgroundOpacity.mjs in 8.88ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/backgroundPosition.mjs in 8.98ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/backgroundSize.mjs in 9.07ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/blur.mjs in 9.16ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/borderColor.mjs in 9.25ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/borderOpacity.mjs in 9.27ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/borderRadius.mjs in 9.36ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/borderSpacing.mjs in 9.46ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/borderWidth.mjs in 9.53ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/boxShadow.mjs in 9.63ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/boxShadowColor.mjs in 9.72ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/brightness.mjs in 9.75ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/caretColor.mjs in 9.83ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/colors.mjs in 9.86ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/columns.mjs in 8.98ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/container.mjs in 9.06ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/content.mjs in 9.15ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/contrast.mjs in 9.24ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/cursor.mjs in 9.32ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/divideColor.mjs in 9.4ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/divideOpacity.mjs in 9.42ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/divideWidth.mjs in 9.51ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/dropShadow.mjs in 9.6ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/fill.mjs in 9.69ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/flex.mjs in 9.63ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/flexBasis.mjs in 9.71ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/flexGrow.mjs in 9.79ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/flexShrink.mjs in 9.88ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/fontFamily.mjs in 9.98ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/fontSize.mjs in 10.04ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/fontWeight.mjs in 10.15ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/gap.mjs in 10.24ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/gradientColorStops.mjs in 10.32ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/gradientColorStopPositions.mjs in 10.35ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/grayscale.mjs in 10.45ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/gridAutoColumns.mjs in 10.55ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/gridAutoRows.mjs in 10.64ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/gridColumn.mjs in 10.74ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/gridColumnEnd.mjs in 10.83ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/gridColumnStart.mjs in 10.93ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/gridRow.mjs in 11.03ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/gridRowEnd.mjs in 11.11ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/gridRowStart.mjs in 11.2ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/gridTemplateColumns.mjs in 11.29ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/gridTemplateRows.mjs in 11.39ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/height.mjs in 11.48ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/hueRotate.mjs in 11.56ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/inset.mjs in 11.66ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/invert.mjs in 11.74ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/keyframes.mjs in 11.83ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/letterSpacing.mjs in 11.9ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/lineHeight.mjs in 11.99ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/listStyleType.mjs in 12.07ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/listStyleImage.mjs in 12.17ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/margin.mjs in 12.26ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/lineClamp.mjs in 12.35ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/maxHeight.mjs in 12.43ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/maxWidth.mjs in 12.54ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/minHeight.mjs in 12.63ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/minWidth.mjs in 12.75ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/objectPosition.mjs in 12.86ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/opacity.mjs in 12.97ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/order.mjs in 13.06ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/outlineColor.mjs in 13.16ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/outlineOffset.mjs in 13.24ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/outlineWidth.mjs in 13.35ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/padding.mjs in 13.46ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/placeholderColor.mjs in 13.54ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/placeholderOpacity.mjs in 13.54ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/ringColor.mjs in 13.63ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/ringOffsetColor.mjs in 13.61ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/ringOffsetWidth.mjs in 13.6ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/ringOpacity.mjs in 13.68ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/ringWidth.mjs in 13.77ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/rotate.mjs in 13.85ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/saturate.mjs in 13.93ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/scale.mjs in 14.02ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/screens.mjs in 14.1ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/scrollMargin.mjs in 14.18ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/scrollPadding.mjs in 14.26ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/sepia.mjs in 14.35ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/skew.mjs in 14.48ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/space.mjs in 14.56ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/spacing.mjs in 14.64ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/stroke.mjs in 14.71ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/strokeWidth.mjs in 14.68ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/supports.mjs in 14.77ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/data.mjs in 14.85ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/textColor.mjs in 14.93ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/textDecorationColor.mjs in 14.92ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/textDecorationThickness.mjs in 14.91ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/textIndent.mjs in 15ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/textOpacity.mjs in 15.08ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/textUnderlineOffset.mjs in 15.17ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/transformOrigin.mjs in 15.32ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/transitionDelay.mjs in 15.42ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/transitionDuration.mjs in 15.53ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/transitionProperty.mjs in 15.62ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/transitionTimingFunction.mjs in 15.76ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/translate.mjs in 15.87ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/size.mjs in 15.96ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/width.mjs in 16.03ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/willChange.mjs in 16.11ms 10:12:39 AM
ℹ Compiled tailwind.config/theme/zIndex.mjs in 16.2ms 10:12:39 AM
ℹ Compiled tailwind.config/theme.mjs in 16.29ms 10:12:39 AM
ℹ Compiled tailwind.config/corePlugins.mjs in 16.36ms 10:12:39 AM
ℹ Compiled tailwind.config/plugins.mjs in 16.44ms 10:12:39 AM
ℹ Compiled tailwind.config/content/relative.mjs in 16.51ms 10:12:39 AM
ℹ Compiled tailwind.config/content/files.mjs in 16.61ms 10:12:39 AM
ℹ Compiled tailwind.config/content/extract.mjs in 16.71ms 10:12:39 AM
ℹ Compiled tailwind.config/content/transform.mjs in 16.81ms 10:12:39 AM
ℹ Compiled tailwind.config/content.mjs in 16.9ms 10:12:39 AM
ℹ Compiled tailwind.config/darkMode.mjs in 16.99ms 10:12:39 AM
ℹ Compiled tailwind.config/safelist.mjs in 17.08ms 10:12:39 AM
ℹ Compiled tailwind.config/variants/aspectRatio.mjs in 17.14ms 10:12:39 AM
ℹ Compiled tailwind.config/variants.mjs in 17.25ms 10:12:39 AM
ℹ Compiled tailwind.config/presets.mjs in 17.35ms 10:12:39 AM
ℹ Compiled tailwind.config/prefix.mjs in 17.43ms 10:12:39 AM
ℹ Compiled tailwind.config/important.mjs in 17.52ms 10:12:39 AM
ℹ Compiled tailwind.config/separator.mjs in 17.61ms 10:12:39 AM
ℹ Compiled tailwind.config/blocklist.mjs in 17.7ms 10:12:39 AM
ℹ Compiled tailwind.config/index.mjs in 17.78ms 10:12:39 AM
ℹ Compiled types/tailwind.config.d.ts in 17.95ms 10:12:39 AM
[nuxt] builder:generateApp: 2.853s 10:12:39 AM
[nuxt] tailwindcss:internal:regenerateTemplates: 2.853s 10:12:39 AM
ℹ Vite server warmed up in 26377ms 10:12:56 AM
ℹ Vite client warmed up in 28709ms For me tailwind takes a total of 7.3s without the icons: 'all' in nuxt.config.ts. However, the Vite server hmr is still the leader with 12412.325ms. When it starts, the DEBUG=* doesn't apply for Vite server hmr. It only logs this on me:
...
⚙ > Nitro Start (77ms)
[nitro] dev:reload: 1.376s 9:51:06 PM
[nitro-runtime] request: 0.497ms
[nitro-runtime] site-config:init: 0.033ms
✔ Vite server hmr 269 files in 12412.325ms
[nuxt-app] page:loading:start: 0.015ms
[nitro-runtime] request: 0.031ms
[nitro-runtime] beforeResponse: 0.019ms
[nitro-runtime] dev:ssr-logs: 0.014ms
[nitro-runtime] afterResponse: 0.33ms
[nuxt-app] app:created: 11.925ms
[nuxt-app] vue:setup: 0.035ms
[nitro-runtime] request: 0.152ms
[nitro-runtime] site-config:init: 0.028ms
[nitro-runtime] beforeResponse: 0.194ms
[nitro-runtime] dev:ssr-logs: 0.01ms
[nitro-runtime] afterResponse: 0.504ms
[nuxt-app] app:rendered: 0.92ms
[nitro-runtime] render:html: 1.054ms
[nitro-runtime] render:response: 0.018ms
...Here is a breakdown of keywords and their total times:
kit: 67.16 ms
Vite: 12412.32 ms
Module: 869.05 ms
devtools: 83.21 ms
imports: 231.61 ms
tailwind: 7377.14 ms
schema: 74.95 ms
nitro: 639.02 ms
Compiled: 8428.68 msFor anyone also needing to use icons: all, I've replaced it with this in my nuxt.config.ts:
ui: {
icons: process.env.NODE_ENV === 'production' ? 'all' : undefined,
},This will only enable some icons and uncompiled ones will be hidden. However, when you build the app for production, it will still compile and add the missing icons.
cliqer
commented
3 months ago Same problem. Icons take too much time:
✔ PWA icons and splash screens generated in 219 ms 12:34:17 AM
✔ Nuxt Nitro server built in 23890 ms nitro 12:34:43 AM
ℹ Vite client warmed up in 27990ms 12:34:45 AM
ℹ Vite server warmed up in 27734ms 12:34:45 AM
✔ Vite server hmr 169 files in 899.71ms- Operating System: `Darwin`
- Node Version: `v20.15.0`
- Nuxt Version: `3.12.3`
- CLI Version: `3.12.0`
- Nitro Version: `2.9.7`
- Package Manager: `bun@1.1.17`
- Builder: `-`
- User Config: `devtools`, `telemetry`, `experimental`, `devServer`, `nitro`, `extends`, `modules`, `ui`, `directus`, `stripe`, `tailwindcss`, `pwa`, `colorMode`, `site`, `app`, `fonts`, `i18n`, `vite`, `hooks`, `compatibilityDate`
- Runtime Modules: `@nuxtjs/i18n@8.3.1`, `nuxt-swiper@1.2.2`, `nuxt-csurf@1.5.2`, `@nuxtjs/seo@2.0.0-rc.11`, `@nuxt/image@1.7.0`, `nuxt-og-image@3.0.0-beta.59`, `@kevinmarrec/nuxt-pwa@0.17.0`, `@unlok-co/nuxt-stripe@3.0.0`, `@dargmuesli/nuxt-cookie-control@8.4.4`, `@nuxt/fonts@0.7.1`, `@vue-email/nuxt@0.8.19`, `nuxt-directus-next@0.0.15`, `@nuxt/ui@2.17.0`
- Build Modules: `-`How to disable and just use dynamically loaded icons like with nuxt-icon? I tried...
ui: {
icons: [''] // and undefined
}...but the layout breaks even when I use dynamic: true though icons are displaying.
Using icons: [''] the build takes less time:
✔ PWA icons and splash screens generated in 252 ms 1:18:43 AM
✔ Nuxt Nitro server built in 2864 ms nitro 1:18:47 AM
ℹ Vite client warmed up in 4918ms 1:18:48 AM
ℹ Vite server warmed up in 4047ms 1:18:48 AM
✔ Vite server hmr 198 files in 423.635ms
sethrw
commented
2 months ago @unitythemaker @carlosvaldesweb - Did y'all ever figure out why nuxt ui and/or tailwind is causing the page load to be so low? My debug log looks almost exactly the same as yours, and my page load takes 30+ seconds on both dev and prod.
unitythemaker
commented
2 months ago @unitythemaker @carlosvaldesweb - Did y'all ever figure out why nuxt ui and/or tailwind is causing the page load to be so low? My debug log looks almost exactly the same as yours, and my page load takes 30+ seconds on both dev and prod.
Unfortunately not exactly. However, for me I had ui: { icons: 'all' } in my nuxt.config.ts, I have changed it to only the icon packs that I use and removed @iconify/json and installed each icon pack individually, it got 20 seconds faster (originally 40 seconds). I think problem with nuxt ui is that it uses so many dependencies or somehow it has so many files to be checked, it takes very long time to process all that. As long as I am not editing any server files, for me it's acceptable as this wait time is only on the initial start. However, when I am editing server files, it's very unacceptable and I usually disable nuxt ui while developing API.
However, on me it doesn't take that much to load on production. This is strange.
develth
commented
1 month ago Same here, just installed it and didn´t implemented much, only play around with DatePicker.
Loading is around 42 seconds to longest now 59 seconds.
TypeScript didn´t offer me a option of{ ui: { icons: ['']}} within nuxt.config.ts
unitythemaker
commented
1 month ago In reviewing the @nuxt/ui package using the ncdu tool, I noticed that while no single component is particularly large, the cumulative size of all the components and their associated files adds up significantly. The total size of 1.4 MiB for just code and plaintext files seems excessive, especially for a JavaScript runtime environment.
For instance:
dist/ directory alone takes up 1.4 MiB, with various subdirectories contributing to the total size.components/ folder, which includes numerous Vue components, occupies 684 KiB./forms, /elements, and other subdirectories further add to the size, with individual components ranging between 4 KiB and 20 KiB each.While these sizes may seem small in isolation, their collective impact can be substantial. In a development environment where every byte counts, especially in scenarios involving frequent reloads and builds, this could be a contributing factor to performance issues.
This raises the question of whether some form of optimization could be introduced—perhaps allowing developers to only include the components they actively use in their projects, similar to how shadcn allows for selective component inclusion. Such an approach could significantly reduce the overall footprint of the @nuxt/ui package, leading to faster compile times and improved developer experience.
What do you think @benjamincanac?
unitythemaker
commented
1 month ago Oh, I didn't realize that you were on holiday. Enjoy your holiday! I will look into it myself to see what I can do.
github-actions[bot]
commented
2 weeks ago This issue is stale because it has been open for 30 days with no activity.
Description
Is there a way to increase the loading speed or make it tree shaking? I'm using nuxt v.3.11 and the last version of nuxt/ui.
"devDependencies": { "@nuxt/devtools": "latest", "@nuxt/ui": "^2.15.2", "@nuxtjs/device": "^3.1.1", "@nuxtjs/router-extras": "^1.1.1", "@types/node": "^18.16.19", "autoprefixer": "^10.4.14", "dayjs-nuxt": "^2.1.9", "nuxt": "^3.11.1", "postcss": "^8.4.27", "prettier": "^3.0.3", "sass": "^1.68.0", "sass-loader": "^13.3.2" }, "dependencies": { "@chenfengyuan/vue-countdown": "^2.1.2", "@nuxt/image": "^1.0.0", "@pinia/nuxt": "^0.4.11", "click-outside-vue3": "^4.0.1", "pinia": "^2.1.6", "vue-toastification": "^2.0.0-rc.5", "vue3-carousel": "^0.3.1", "vue3-otp-input": "^0.4.1", "vue3-persian-datetime-picker": "^1.2.2" },