Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

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: {...

Memory Leaks on application

Hi everyone. I have memory leaks on my application. I want to test my app but the module (https://nuxt.com/modules/memwatch) seems to be outdated and I can't install it. Do you know any way to test a nuxt app ? I have multiple nuxt app and only one of the causes a memory leak
No description

Bun dev server randomly stops serving images

I'm running on latest bun and after a while I have to restart the dev server to have it serve images again

UNavigationMenu super slim

On desktop the navigation menu in my header is only 10% width of the screen and all items are truncated and squished together. Why might that be? Contents doesn't seem to matter and I have no stylings or props applied.

copy a folder from node_modules to public folder

how can I do this without manually copying it its required for a sdk im using...

NuxtUI Form Submit Issue

I'm using NuxtUI and the UForm element cannot be submitted. It says that e.preventDefault is not a function: Here's a reproduction: ```tsx <template>...
No description

[NuxtHub + CF Workers] Nuxt 4 - 500 errors

After migrating my website to Nuxt 4, I could not deploy it neither on my server manually (pnpm build and copy the .output folder) nor on Cloudflare Workers. After running the build successfully, the resulting output does not work. I get the following error whenever I try to open the project: ``` No such module "home/runner/work/portfolio/portfolio/node_modules/.pnpm/vue@3.5.21/node_modules/vue/index.mjs"....

DashboardSidebar customisations

I'm using the latest nuxt ui 4.0.0-alpha.2 and for a UDashboardSidebar i'm trying to customise the default slideover in the <lg breakpoints like this ``` :menu="{ class: 'max-w-[300px]',...

Swagger not showing requestBody for POST/PUT with Scalar in Nuxt

Hi everyone, I’m using Scalar with a Nuxt 4 project to generate Swagger docs. My issue is that requestBody does not appear in Swagger UI for POST and PUT endpoints, even though I’ve added it in the @openapi comments. I found that I can solve this by using defineRouteMeta in the API handler, but I’m wondering: is there another way to make Scalar recognize requestBody directly from the @openapi comments? Thanks in advance!...

How to upgrade nuxt in a monorepo

I have a monorepo with one package-lock.json in the root and a frontend folder where nuxt lives. I want wo use the npx nuxt upgrade frontend --dedupe command but that does not find the package-lock. ddev npx nuxt upgrade frontend --dedupe ℹ Package manager: npm 10.8.2 nuxi 10:02:33 AM ℹ Current Nuxt version: 4.1.1 nuxi 10:02:33 AM...

Where to put <NuxtRouteAnnouncer /> when using Nuxt UI (UApp)?

A typical app.vue looks like this: ``` <template> <NuxtLayout> <NuxtRouteAnnouncer />...

useSupabaseRedirectCookie() from nuxt/supabase module gets overwritten by chrome dev tools

Hi guys, I am using the nuxt/supabase module and I am trying to get the redirect after login working by using the useSupabaseRedirectCookie() composable from the module. The problem is that the cookie value is being overwritten with "/.well-known/appspecific/com.chrome.devtools.json" no matter what route I enter before. When I look up all request with that cookie in the network tab I can see that every request after the login page load is having the wrong value....
No description

Share collection schema with other modules

I have a collection whose schema I want to use in a server handler for validation. I tried extracting the schema to a module but that broke nuxt type generation. How can I get the schema defined in content.config.ts?...

Proxy files through server

Hello. I use for backend Strapi. I upload files there. I can download them by the link http://localhost:1337/uploads/passkeys_b3a66b3a99.zip But localhost:1337 is an internal domain and I don't want make it external. I need users can download file by nuxt domain (in dev it is http://localhost:3000). What is correct way to do it? When user fetch http://localhost:3000/uploads/passkeys_b3a66b3a99.zip Nuxt has to give the file from http://localhost:1337/uploads/passkeys_b3a66b3a99.zip...

Nuxt 4 config

Does my config look ok for Nuxt 4, just upgraded from 3. I can't seem to get Pina working in the devtools. ```// https://nuxt.com/docs/api/configuration/nuxt-config import { fileURLToPath } from 'node:url'; ...

npm run build result is not running as expected

Hi all. I am having an issue with my nuxt prod build. I have a /server route so that warrants an npm run build instead of npm run generate. However, when I preview the site, I keep getting the error "Failed to load module script: Expected a JavaScript-or-Wasm module script but the server responded with a MIME type of "application/json". Strict MIME type checking is enforced for module scripts per HTML spec." for every .js file loaded in my site. I have not so far found any solution to fix any of...

Help for configuring Bun in Nuxt

Hi everyone, I'm curious if anyone else has hit issues with configuring their idleTimeout to increase while using Bun + Nuxt while serving my built output. I've done searching high and low and can't seem to decipher how to create a custom Nitro preset that extends the Bun preset and sets the idleTimeout value to a custom value. Does anyone have tips/suggestions/examples of how I should proceed?