Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

In nuxt, where to specify compile-time flags?

With a Vue+Vite app, you can specify some compile-time flags like below. For instance, I never use Options API, and apparently disabling it saves ~10kb off your final build. How can I do the same in Nuxt?...

Nuxt UI v3 Calendar Heading

Hey, we're migrating our project to the new UI v3. Our site uses i18n to support multiple languages and we are struggling to find a way to set the language of heading in the Calendar component....

Empty Nuxt 3 project seems to leak memory locally only in dev mode after second launch

If I run npx nuxi@latest init MyProject then npm run dev close the process and repeat npm run dev (also applies to all further runs)...
No description

my project's GUI suddenly ran out of color (nuxtui3/tailwind4)

Hey'all, I'm absolutely going mad here and I'd really appreciate your help. I've been working all week long on a project and just as I've deployed the final changes for today, I've noticed that all of my GUI suddenly lacked color on the server. Checked it with multiple devices, with the same result. I re-ran build + deploy, no avail. Restarted the project locally, now the local build is black and white here too, what in the!? Everything else works fine, no errors are thrown, it's just that tailwinds colors / nuxtui3's theme colors cannot be resolved, it seems....

addAbortListener import broken on NuxtHub deployment

ISSUE FIXED - Update all dependencies to newest versions. Especially nuxthub/core and nuxt - Add an enviroment variable to your deployment either in nuxthub or directly in cloudflare: Type: text, Name: NODE_VERSION, Value: 23 ...

Reading public env var in lib script

I have lib/index.js and my code is: ```js const client = new Client() .setEndpoint(process.env.NUXT_PUBLIC_APPWRITE_ENDPOINT) .setProject(process.env.NUXT_PUBLIC_APPWRITE_PROJECT_ID);...

unable to verify the first certificate

Hi Nuxt community! I recently got a new laptop and I'm trying to create a new project on it. I am running Nuxt as a frontend and Laravel as backend. I cloned the project down from github and imported the SSL key and certificate from the old laptop but they were not accepted. So I created a new certificate and key using: ``` openssl genrsa 2048 > server.key chmod 400 server.key...

Wildcard routes that vary by file extension that Nuxt interprets as overlapping routes

I'm replacing a site with two server routes at /rfc/rfcN.json and /rfc/rfcN.txt and an HTML route at /rfc/rfcN/ where the N is a number. Making files in server/routes/rfc/ named [id].txt.ts and [id].json.ts doesn't result in Nuxt serving each route distinctly. Should I use a single route file that handles them all (if so how do I handle server and vue routes?), or middleware to redirect, or what?

net::ERR_CONTENT_LENGTH_MISMATCH 200

With no changes to my code and running the latest Node 22 (v22.14), my application is suddenly not served properly anymore. When running the npm run dev command, everything boots up normally according to the console. However, when navigating to the site, I only get a blank page. Opening the dev tools reveals a bunch of errors like this: ``` GET http://127.0.0.1:3000/_nuxt/@fs/D:/<snip>/node_modules/tailwindcss/tailwind.css net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK) play:1 ...

Access Cloudflare bindings from scheduled task

Is it possible to access the cloudflare bindings on the context in a scheduled task? I have this in my run method: ```...

NuxtImg IPX 429 issues

If i have our images domain, inside images.domains of nuxt config, the site will eventually 429, if i comment out the domain, it does not 429. Im currently just running locally - but why might this be?

Nuxtjs/I18n not initialising properly

We used the nuxtjs/i18n v8.0.0-rc3, and now started upgrading to v9.2.1. We are using Nuxt v3.8.0. On trying to initialise the library in Nuxt solution we am getting different errors. I've tried everything I could and I can't seem to figure out what I'm doing wrong. in nuxt.config.js we defined the modules: ```modules: [ '@nuxtjs/i18n', './modules/01_defineRuntimePlugins',...

Is nuxt-security important ?

Hello Is nuxt-security mandatory to have a safe Nuxt 3 website, or is it mainly for an extra layer of protection ? Disclaimer : I use nuxt as a front only, hosted on cloudflare pages. ...

Typescript intellisense extremely slow

Hi I am experiencing extremely slow (sometimes not working) typescript Intellisense. The issue occurs in both VSCode and Zed. It seems to be Nuxt specific. Small Nuxt projects work fine. I'm on Macbook M3 Max with 48GB Ram....
No description

Nuxt + AWS SDK + TS transpilation issue

I am using AWS JS SDK to get stuff from S3 via server on an API call. Using the client send method produces a [nuxt] [request error] [unhandled] [500] t is not a function. The reason I believe this to be a Cloudflare issue is because creating the application locally via nuxt build and nuxt preview does not produce the same issue. However, whenever I use wrangler or deploy to pages, the error occurs. However, I can't be sure and am posting here since I am more likely to get help than from cloudflare discord, and it's still nuxt related. The trouble code: ```ts const command = new GetObjectCommand({...

Implementing and Persisting UUIDs for User Sessions in Nuxt 3

Hello there, I'm currently developing an application using Nuxt 3 and I need to integrate a specific functionality. I'm unsure about the correct implementation approach and would appreciate some guidance. Functionality Requirements: When a user visits the site, I need to make a call to an external API that returns a unique UUID for that user. This UUID should be stored in the browser's localStorage to prevent the generation of a new UUID on subsequent visits. Additionally, this UUID needs to be included in the headers of all $fetch() calls made to the API....

usefetch detect redirects globaly ?

if i have many usefetch across my app how to detect any redirects and do so without modifying every single one ?

useFetch and keys that end up not being unique

Hey there everyone, I have a question about the key param on useFetch and how nuxt handles it not being truly unique. We have a component that is using useFetch to get it's data and the useFetch looks something roughly like this `` const { data: area } = await useFetch( /api/areas/${areaId}`,...

Nuxt + Cloudflare Pages 1101 Error from Nuxt generated script

I have been working on getting a Nuxt project into Cloudflare with no success. The build works locally using yarn build and yarn preview with the environment variables I intend on using in Cloudflare. When the build finishes successfully and the project deployed to Pages, the resulting application produces an error The script will never generate a response. This is apparently produced from pages-worker--....-production which from what I am told from asking help on Cloudflare's Discord server is that this is something produced by Nuxt, not Cloudflare. I followed the Nuxt/Nitro deployment steps for Cloudflare and set the nitro configuration (which is very proud about being configuration free) for .html stuff. Needing some help figuring out whats going on here. Cloudflare is unfortunately lacking in transparent logging under the hood....