Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

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?

NuxtUI 4 Intellisense

I am setting up a Vue + Typescript project (without Nuxt) and wanted to try out the new features in NuxtUI 4. I finished the getting started guide but noticed that I am not getting any intellisense suggestions for the NuxtUI components. I was wondering if there was a way to get this working or maybe turning off auto-imports?
No description

Nuxt v4.0.1 to v4.0.2 regression

I've recently upgraded from Nuxt v4.0.0 to v4.1.2, but was surprised to find out that running typecheck (nuxt prepare && vue-tsc --build --noEmit) on the new version fails with 400+!! errors, where previously on Nuxt v4.0.0 I had 0 errors. Most of the errors reported are related to using $router.back() , idk why this is reported, the back functionality still works. Also some other errors reported are related to helper functions found in the utils directory, again these continue to work just fin...
No description

Azure webapp github build and deploy action failing for nuxt4

Fail log: ``` Detecting platforms... Detected following platforms:...

Multiple UBanners are dismissed when only 1 is dismissed

I have a component that displays banners (AppBanner). It fetches them from the server and displays all banners. Users can dismiss them, what I encounter is when you dismiss banner-1 - rest of the banners (banner-2, banner-3) are also dismissed and are not shown anymore. Also new banners are not visible. Here's the code ```typescript <script setup lang="ts">...

Deployment of NuxtJS 3 on cPanel

anyone deployed nuxtjs with pm2 on capnel and can point in the right direction? I have set up proxy server as required and it works, but the nuxt give me this error: ``` TypeError: Invalid URL 0|[app-name] | at new URL (node:internal/url:825:25) 0|[app-name] | at getRequestURL (file:///home/[username]/[path-to-your-app]/.output/server/chunks/nitro/nitro.mjs:1068:10)...

Nuxt Fullstack Linear Clone – SSR/Auth Help

Hi everyone 👋, I'm working on a fullstack Nuxt app (Linear clone) and I have two major issues: First visit: The login page loads with broken styles. I have to refresh the page to see the correct UI....

NuxtAuth sidebase return 404 on /session

Hello I am trying to deploy on netlify a nuxt auth using sidebase(auth.sidebase.io) but it return page not found: /session 404
the baseURL is setting to "/" even if I put the correct AUTH_ORIGIN as you can see on my nuxt.config below ...
No description

Is there a way to provide a type union for route names?

For example instead of using satisfies here I would like to be able to provide the route names list and overwrite the generic string type of route PageMeta: ``` <script setup lang="ts"> definePageMeta({ name: 'settings-user-access' satisfies PageName,...

How to integrate better-auth library with Nuxt 4

I have configured better-auth on my Hono server and am now trying to set up authentication on my frontend that is on a separate port than the server. I currently have the auth-client set up as a plugin: ``` #plugins/auth-client.ts import { createAuthClient } from "better-auth/vue"; ...

How to invalidate default nuxt/image cache

I have nuxt image setup with the default IPX provider, Currently I have the maxAge set to 1 hour but I would like to significantly increase this however to be able to do that I need to have a way to manually invalidate the cache should there be a need. this is my config at the moment ```json...

nuxt/image 500 errors using ipx provider

i use @nuxt/image 1.11.0 with the ipx provider. I use local images from my /public folder as well as images from a remote site. I added the doamin to the config. Local builds are running fine....

Overriding Component Spam

Hello there! I have a issues with Nuxt4 where it spams: ``` WARN Overriding Tooltip component. You can specify a priority option when calling addComponent to avoid this warning. 09:29:15 ...

useAutoAnimate with multiple ref

Hello. What is a correct way to use useAutoAnimate with ref on multiple elements. For example: ```html <ul> <li v-for="i in 5" ref="liItem">...

HMR not working in `layers` in v4

I recently updated to Nuxt v4 and realized that my HMR broke within my layers. I heavily use the layers feature to organize my project by domain. I extend each layer in the root nuxt.config.ts , for example:...
No description

Problems with component typing in Nuxt 4

I have installed the latest version of Nuxt 4 with default settings and am trying to ensure that the autocomplete tells me the props of the components without importing them (see the example in the screenshot). Everything starts to work if I create a file of types in the app folder that essentially repeats the contents of the file from .nuxt/types/components.d.ts , without it I get a result like - '(property) 'Icon': any' What am I missing, how can this be implemented?...
No description

How to keep scroll position when navigating from NuxtLink

any experienced pookie about this? i cant figure it out... browser back button works fine