Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

NuxtLink does not let me click

Hello, main issue is when I am on the same page I'm trying to click on, it does not refresh the page. It does not even let me click it as a link, nothing in the network tab as well. Code: ``` <NuxtLink :to="to" class="px-4 py-4 w-full rounded-md font-bold tracking-wide text-center transition duration-300 ...

Nuxt & PostCss

So my main issue is that i thougt postcss is a nice way to go with nuxt3 (because out of the box support) ( after using scss for a while now ), so everything is working fine only thing is why mixins ( postcss ) does not work if you put it on a element that is not nested so for example...

$fetch and useFetch proxy request receive strange binary instead proper json+ld object

Hi, I am using nuxt reverse proxy mothode made by Alexander Lichter, but data is corrupted on client-site. https://www.youtube.com/watch?v=J4E5uYz5AY8 How correct json should looks like: ```js const dd = await $fetch('/api/rocket/gallery',)...
No description

Using protobufs with Nuxt

Hi, I'm trying to integrate google protocol buffers to nuxt to use together with websockets. I've searched through the web but couldn't find any resources so I've came up with my own to provide build artifacts to my app: ```ts import { createResolver } from "nuxt/kit"; import pbjs from "protobufjs-cli/pbjs"; ...

Prerender static 404 page

Is there any way to prerender a static 404 page instead of it being an SPA fallback in Nuxt 3?

Nuxt Dynamic Route Issue: ID Switching to 'preload.js.map' Unexpectedly

I have a very simple dynamic route. The page is in the following directory: ~/pages/explore/initiative/[id].vue When I navigate to that page via NuxtLink, it seems to be making the request several times. I added the following code to [id].vue to verify if this is the case...

Issue can't render other pages

How to fix this error from nuxtjs3.
WARN [nuxt] Your project has pages but the <NuxtPage /> component has not been used. You might be using the <RouterView /> component instead, which will not work correctly in Nuxt. You can set
pages: false in nuxt.config if you do not wish to use the Nuxt vue-router integration.
WARN [nuxt] Your project has pages but the <NuxtPage /> component has not been used. You might be using the <RouterView /> component instead, which will not work correctly in Nuxt. You can set
pages: false in nuxt.config if you do not wish to use the Nuxt vue-router integration.
...

New prerender errors

We haven't updated our packages in a little while, but due to the weird npm bug where optional dependencies aren't being recognized, I went ahead and ran npm audit fix to fix the build errors we were getting with our server not being able to find the right rollup version. That helped, but then we started seeing some unusual prerender errors. They were [error] [nuxt] instance unavailable and then Error: [500] on the page it was trying to prerender. (See image for more of the logs.) I reverted my changes and just updated rollup and am still seeing these errors. Any idea why a newer version of rollup would be causing this? If I remove our prerender options from the Nuxt config altogether, then that seems to solve it; however, for obvious reasons that's less than ideal....
No description

How to check if request to API endpoint is internal or external?

I have custom API endpoints under /api protected using nuxt-auth-utils and a server middleware which uses requireUserSession() for all routes under /api. I wish to omit one of these routes from requiring a cookie (logged-in session) ONLY if the request is an internal request, that is, if it was made by either the server (nitro) or the client (nuxt). Is there a deterministic way of checking if a request is an internal request coming from within the app (nuxt and/or nitro)? I already searc...

NuxtConfig path option

I have my configs in ./configs/*.config.(ts,js,mjs). Can nuxt do that with a --config or --configPath option? I didn't find anything online. (Thank you for any reply's)

MDC Prose components not rendering on deploy

Environment : Operating System: Windows_NT Node Version: v22.11.0 Nuxt Version: 3.14.159 CLI Version: 3.15.0...

Client side caching problem on srr

Hello guys. I need some help for a project. Problem is caching. Server doesn't aware client's localStorage so it's fetching data again and again even there is valid data in my client. ``` <script setup> ...

Generate assets images

Hi everyone! 👋 I’m using nuxt generate with ssr: true to create a static site and I have images stored in the assets/images folder at the root of my project. I’d like to define dynamic paths to these images in a composable. How can I configure this properly to make sure the images work correctly in production build?...

Custom Loading Screen when the browser is still process rendering

How to make or custom loading screen when the browser is still process rendering in NuxtJS 3.

Template within conditional appeared briefly

How to fix template within conditional appeared briefly before finally disappearing when the page was first rendered. - Template Code ``` ...

Custom validation message of FormKit inputs?

How to custom validation message of FormKit inputs? but not from the input, so it's global, all validation message should follow the custom message.

Custom Error Page in NuxtJS 3

How to custom error page as our own and make it dynamic for each response code.

not rerendering when changing ref value in async watcher

Hello! as you can see in the code I have a ref called "dashboard" which would change upon tap changes and get different results, however it doesn't re-render until I refreshh the page. how to fix it?...

Error when implementing nuxtauth: [Vue Router warn]:No match found for location with path "/session"

Hi everyone, I've been trying to use nuxtauth sidebase but as soon as I create the [...].ts file in server/api/[...].ts (the actual code inside this file and nuxt config below" . I got the error "WARN [Vue Router warn]: No match found for location with path "/session"". And I can't view the side on the front end. this is [...].ts import { NuxtAuthHandler } from "#auth"; import CredentialsProvider from "next-auth/providers/credentials";...