Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

A cleaner web experience for your forum

Hey! I saw this forum AnswerOverflow. I’m building Paladin, a faster, cleaner alternative that makes Discord forums easier to browse on the web. It’s free to use. If it’s helpful, I can spin up a version of Paladin on your forum so you can see how it looks for your community. Is there anything about your current setup you’d like improved? I’d love to see if Paladin can help....

UI 4 failed on build

I have this problem on my project and it kept bugging me since nuxt-ui-pro. I have the same build fails and cant find a way to solve it, the build process is halted here
(node:18280) [DEP0155] DeprecationWarning: Use of deprecated trailing slash pattern mapping "./" in the "exports" field module resolution of the package at D:\2026\kontraktor\node_modules\.pnpm\nuxt-og-image@5.1.11_@unhea_b0f0cbc75f8d6adaf5b86a8c8d847a1d\node_modules\@unocss\preset-wind3\package.json imported from D:\2026\kontraktor\node_modules\.pnpm\nuxt-og-image@5.1.11_@unhea_b0f0cbc75f8d6adaf5b86a8c8d847a1d\node_modules\nuxt-og-image\dist\runtime\server\og-image\context.js. Mapping specifiers ending in "/" is no longer supported.
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:18280) [DEP0155] DeprecationWarning: Use of deprecated trailing slash pattern mapping "./" in the "exports" field module resolution of the package at D:\2026\kontraktor\node_modules\@unocss\preset-wind3\package.json imported from D:\2026\kontraktor\node_modules\. Mapping specifiers ending in "/" is no longer supported.
(node:18280) [DEP0155] DeprecationWarning: Use of deprecated trailing slash pattern mapping "./" in the "exports" field module resolution of the package at D:\2026\kontraktor\node_modules\.pnpm\nuxt@4.1.2_@netlify+blobs@9_842db8852b10ec39113d96819df5c34a\node_modules\@vue\shared\package.json imported from D:\2026\kontraktor\node_modules\.pnpm\nuxt@4.1.2_@netlify+blobs@9_842db8852b10ec39113d96819df5c34a\node_modules\nuxt\dist\core\runtime\nitro\templates\error-500.js. Mapping specifiers ending in "/" is no longer supported.
(node:18280) [DEP0155] DeprecationWarning: Use of deprecated trailing slash pattern mapping "./" in the "exports" field module resolution of the package at D:\2026\kontraktor\node_modules\.pnpm\nuxt-og-image@5.1.11_@unhea_b0f0cbc75f8d6adaf5b86a8c8d847a1d\node_modules\@unocss\preset-wind3\package.json imported from D:\2026\kontraktor\node_modules\.pnpm\nuxt-og-image@5.1.11_@unhea_b0f0cbc75f8d6adaf5b86a8c8d847a1d\node_modules\nuxt-og-image\dist\runtime\server\og-image\context.js. Mapping specifiers ending in "/" is no longer supported.
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:18280) [DEP0155] DeprecationWarning: Use of deprecated trailing slash pattern mapping "./" in the "exports" field module resolution of the package at D:\2026\kontraktor\node_modules\@unocss\preset-wind3\package.json imported from D:\2026\kontraktor\node_modules\. Mapping specifiers ending in "/" is no longer supported.
(node:18280) [DEP0155] DeprecationWarning: Use of deprecated trailing slash pattern mapping "./" in the "exports" field module resolution of the package at D:\2026\kontraktor\node_modules\.pnpm\nuxt@4.1.2_@netlify+blobs@9_842db8852b10ec39113d96819df5c34a\node_modules\@vue\shared\package.json imported from D:\2026\kontraktor\node_modules\.pnpm\nuxt@4.1.2_@netlify+blobs@9_842db8852b10ec39113d96819df5c34a\node_modules\nuxt\dist\core\runtime\nitro\templates\error-500.js. Mapping specifiers ending in "/" is no longer supported.
around 20 minutes, and then i got build failed "javascript out of heap memory". Response anyone?...

How to run a middleware for only a group route?

I've declared my middleware in index.vue under a group route. The middleware doesn't works and then I tried to rename the index with layout.vue (also it renders other pages under protected) . So is there any way to protect this route? I thought defining index.vue for the entry of that group route will solve the issue and I can use my middleware to check for the all routes that comes under protected. My goal: run a middleware only for the routes that is grouped names as (protected)...

Colors not fading when using @nuxtjs/color-mode

Hey, I am trying to implement a dark/light mode system using the @nuxtjs/color-mode package, but for some reason, the background color is not playing a fading animation when switching color. It however, plays the fade when reloading the page, just not when I manually change it. Furthermore, I have pretty much copied the code of the sandbox showcase (where the fade works), so I have no idea what is going on. (Just to clarify, when I switch colors, it does switch the colors, but it does so without fading) app.vue: ```vue <template>...

Pinia sync with indexdb

I want to sync my Pinia store with IndexedDB. Should I do this with $subscribe or $action? I’ve heard that because of async/sync there can be problems. Does anyone have an example of how to do it correctly?...

`nuxt dev` hangs.

Hey, I think I might have bricked the nuxt dev command I've attached the output of running DEBUG=true bun dev...

Tips for finding memory leaks?

Any tips for finding memory leaks in a Nuxt application? We've had a memory leak for quite some time that causes the server to run out of memory on regular intervals. I'm not very experienced in investigating and debugging memory leaks. I'd appreciate any helpful tips or experiences from doing a memory leak investigation related to a running Nuxt application. 🙏🏻...

Design Patterns in Nuxt

I’ve been looking to improve my code quality and stumbled upon design patterns, but I’m not entirely sure how to apply them in a Nuxt project. Right now, I feel frustrated having everything mixed together in my .vue files: API calls, business logic, state management… sometimes even pushed down into child components, which just makes things harder to maintain. My current idea is to use composables for the business logic....

NuxtImg issue during build - doesn't copy image

For what concerns NuxtImg, nuxt evaluates the v-if condition at compile time and does not copy the images to _ipx/ unless the condition evaluates to true (which is unlikely at compile time). So generally when I put NuxtImg inside any "v-if" condition it doesn't work on build. Is that a bug?...

Vercel ISR: page redirects to `page-isr` when using isr: true

I have the following route rule configured: ```ts routeRules: { '/schedule': {...

<UTable> generates an empty <tr> under the first grouped line when rouping columns

As explained vaguely in the docs https://ui.nuxt.com/docs/components/table#with-grouped-rows And they use a "trick" to not show the empty ones by removing the padding with this : :ui="{ root: 'min-w-full', td: 'empty:p-0' // helps with the colspaned row added for expand slot...

Nuxt + leaflet + leaflet-contour plugin

I just want to be able to use the leaflet library with this leaflet-contour plugin in Nuxt 3. I know there is a Leaflet Nuxt module available, but it does not support the leaflet-contour plugin. I was able to get the Leaflet Nuxt moduleu to work out of the box, but I cannot get the leaflet-contour plugin to work with it. Any suggestions for how to proceed?

useToast and useOverlay not working on prod, working fine on dev

So I've been struggling with nuxt ui for the past few days, I use the useToast and useOverlay composables and everything works fine on dev mode, but once I deploy my project they just wont do anything and I have no idea why. I tried both ssr and ssg mode but it doesn't work. I don't understand what I'm doing wrong here. I installed nuxt UI 4.0.0 that just came out, but that didn't change anything For instance one of my useToast is used in a pinia store :...

tailwind warning on cloudflare

Hello, I have those waning when my project is being autodeployed on cloudflare ```...

layout in nuxt.config

Hello Kapa Is it now possible to choose the layout directly in nuxt.config depending on the route ? I know it was a thing that was discussed in a issue but I can't find it...

future after update from v3 to v4

Hello Kapa I updated from nuxt v3 to nuxt v4, everything works well Do I have to keep this or any part of it ?...

Nuxt UI 4 + Nuxt v4 import type issue

Hello Kapa I installed Nuxt v4 then Nuxt UI 4 When I try to do this, which is in nuxt ui 4 documentation :...

Content not being rendered - 404

I hav nuxt content set up, and this nuxt.config.td import { defineContentConfig, defineCollection } from '@nuxt/content' export default defineContentConfig({ collections: {...