Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

NuxtLink `to` prop includes file names instead of paths

I'm new to Nuxt and confused by what I'm seeing when I add a basic NuxtLink. I was expecting to see the list of route paths in the to prop but instead I'm seeing file names. This becomes a bit trickier if I use route groups, as the file name will contain a segment that isn't part of the path. It's easy enough to ignore autocomplete and just add the expected path, but it seems like the type may not be generated as intended. Is this a known limitation/issue, or is there something I may need to configure so the type is generated from all available route paths?...
No description

Prisma error using nuxt

I just recently installed primsa and followed a bit of tutorial however I get this error when running the web using npm run dev
ERROR: Could not resolve ".prisma/client/index-browser"
ERROR: Could not resolve ".prisma/client/index-browser"
...

Generate SiteMap with api and Nuxt/sitemap

Hello I have an api that gives objects containing various company names, I use nuxt/sitemap but I do not understand how to add these dinamics urls (/stocks/company symbol) to sitemap.xml.

Redirect urls with multiple slashes in the middle of url with status code 301

I'm trying to create middleware that will redirect urls with multiple slashes in the middle of url with status code 301.

how to extend nuxt security headers after build using enviroment vars?

Hi all nuxt noob here, (i am php backend developer normally) I have a nuxt project that is deployed to a static webapp on azure along with a cdn also deployed automatically, i dont know the cdn url before build and i want to add it to allow images from cdn. ...

Using Nuxt with Sequelize? Implementation.

Hi I am planning to use Sequelize as it has the ability to use mysql/postgres and mongodb. I would like to ask how do you implement this approach? Some code examples would be great....

$fetch not working with the new shared folder properly

I have a composable in my shared folder that uses $fetch to query nitro endpoints. However for some reason it says "/api/v1/data/agents": <no response> Failed to parse URL from /api/v1/data/agents

Slow intellisense/suggestions. @nuxt/ui

How fast or slow are your IntelliSense suggestions? In my projects, it takes 3–5 seconds to load, and it feels unbearably slow.

How to manage or change the size of LCircle?

How to manage or change the size of LCircle from nuxt module leaflet in NuxtJS3? ``` <LCircle :lat-lng="[47.21322, -1.559482]"...

How the best way or easy to import a component on the page of NuxtJS3?

How the best way to import a component on the page of NuxtJS3?

A way to disable layer plugins?

I can't seem to find a way to disable plugins from a layer, is it possible?

Will the environment variables from the project can be fiddle on the browser by user?

Will the environment variables from the project can be fiddle on the browser by user?

Page transitions occur after content has loaded between pages that re-use components

I am experiencing an issue that has been posted about before by @brick : https://discord.com/channels/473401852243869706/1233232719228567623 I currently have a site with page transitions that are working great. However, there is one instance where that is not the case. This is when navigating from one /work/handle page to a different /work/handle page. These pages all use a <VideoComponent/> that displays a video. Below the video is a grid of other work that user can navigate to. When a user clicks on another video the <VideoComponent/> updates to show the new video and THEN the page transition starts. I need the page transition to happen before the content changes. How can I achieve this?...

How can I share a custom data fetching composable between pages and components?

I have a composable for doing CRUD operations on data to my backend API. Something like: ``` const useAlbums = () => { const {data, refresh, error, status} = useFetch("/api/albums", { key: "albums" })...

Nuxt 3 with WebStorm : TypeScript errors are not displayed

I’m using Nuxt 3 with WebStorm, but TypeScript errors are not displayed in the "Problems" section for the entire project. They are shown for a .vue file when I open it, but that forces me to open each file to check for errors. For example, I have an error in this file (see screenshot), but it’s not reported in the "Problems" section....
No description

Tips to reduce Edge requests & Vercel costs?

Hi! I'm working on a Nuxt (3.9.1) project that recently got a big spike in popularity, with hundreds of users connected at once throughout the day. But it has caused a significant increase in costs. The setup is pretty standard: prerender: true for static pages and ISR for dynamic pages. There are a lot of list pages with small images and a user section for comments (Supabase). I’ve already moved most assets to Bunny CDN, which helped lower costs, but I’m looking for more ways to optimize, especially to reduce Edge requests and save more. Do you have any tips or articles to recommend?...

New user

im a react dev and i have read the vue docs and understand the vue syntax so can i directly start with Nuxtjs because im making a production project for my own startup, also when will nuxt v4 will release and what auth is good with nuxt?

Conditionnal nuxt ui button size with tailwind media query

how i can conditonnal my nuxt ui UButton size with edia query in tailwidn with ssr nuxt 3 app

How can I process some data on server-side and send it to the client-side

How can I process some data on server-side and send it to the client-side?