Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

The <a> link in the <UPageCard /> has a tabindex="-1" when using the to="" prop

I don't understand why as keyboard users won't be able to use tab through

Nuxt4 tsconfig issues

I am using Mikro-ORM with Nuxt 4 and getting the following type errors when using decorators: ```ts @Entity({ tableName: 'roles' }) export class Role {...

NuxtLink not setting active class

I have a route like /handbook/slug(.*)* and a <NuxtLink to"/handbook"> in my page header When I open /handbook, the activeClass is applied to the link but when I open any child page like /handbook/foo/bar the link is not "active" If I look at vue router docs, it looks like that feature is meant to work with routes with children but that is not how nuxt generates these routes....

Needs help with better-auth intergration in Nuxt

I’m quite new to Nuxt… Did anyone here intergrate better-auth with Nuxtjs and drizzle orm/sqlite already? Especially with Google OAuth2. I followed the official better-auth’s guide for Nuxt already, but I still cannot implement the Google OAuth, it came with weird error likes HTTP 401 and stuffs....
No description

Nuxt 4 - useFetch breaks when using the "default" option

I have a component that calls useFetch. `` const { data, pending, error } = await useFetch(/api/${props.apiEndpoint}`, { method: 'POST',...

A page with multiple name

In Nuxt i18n, I want the /fizetes localized page to also open when visiting /plata.

Nuxt auth middleware with better-auth library

I'm using better-auth for authentication. I'm using a NuxtRouteMiddleware on protected pages so unauthenticated users are redirected to login. This is my middleware ```typescript middleware/auth.ts export default defineNuxtRouteMiddleware(async (to, _from) => { const { user } = useAuthStore()...

[Solved] Nuxt Ui Pro Header moves out of viewport

If I scroll a certail amount, the UHeader is still visible due its sticky behaviour --> Ok! if I scroll over 1/3 of the page, the UHeader goes away and I do not understand why. In the Nuxt UI Docs it does not do that....

Nuxt V4 typescript auto import composables from app/composables

Hello everyone, since switching to Nuxt 4 with the new folder structure (frontend in app), typescript is showing errors on composables that should normally be auto-imported. The code runs fine, but red lines are displayed. Does anyone know how to fix this? Thanks in advance!...
No description

i18n subdomain is not working

I tried everything that on my knowledge next config i18n differentdomain: true or multidomains: true method, middleware route on route config if anyone knows how can I use subdomains I can try it please help me with your knowledge

How to deploy a different stage for an app that uses the cloudflare-module preset?

I'm trying to deploy a different version of my app with different environment variables (in my case the stage is named "preview" but it could be "staging" or "beta etc). When I try to run npx wrangler deploy --env preview the command fails with the following error message: ``` ⛅️ wrangler 4.20.5 (update available 4.26.1)...

callOnce issues

im attempting to use callOnce to fetch session information for the current user visiting my site with option: mode: "navigation". i looked at nuxt source and it hooks page:start, which ive realized only happens when the page is "loaded/reloaded" you could say. it becomes especially noticeable when i figured out that that hook is only called when the app is rendered for the first time, or when nuxt returns from a recoverable error (which was not client side navigation). what can i do to make...

What exactly does `nuxt update` do?

I know obviously that it "updates nuxt dependecy" but I'm curious why the docs recommend running the nuxi update command vs just updating the reference in your package.json. The real reason I ask is that I have a monorepo with multiple separate nuxt apps and I'd like to be able to leverage pnpm catalogs to keep dependencies in sync across the apps....

I can't use definenuxtconfig hooks as shown in the docs

import fs from 'node:fs' import path from 'node:path' export default { hooks: { build: {...

Proper way of typing

Whats the proper way of typing this? nuxtApp.payload.serverState = { isAndroid, isTWA,...

can i ask something about nuxt local layer ?

i have 2 nuxt local layer (base,awesome) and awesome extends base layer i try to call composables in awesome from base layer it can. but syntax error "Cannot find name XXX" how i fix that...

Using Prisma with Nuxt 4's new directory structure

So after switching to the new directory structure on Nuxt 4 I've had this issue where I'm getting following error when trying to use API point which needs prisma.
'@prisma/client did not initialize yet. Please run "prisma generate" and try to import it again.
'@prisma/client did not initialize yet. Please run "prisma generate" and try to import it again.
...
No description

Structuring nuxt 3 to be modular

hi everyone, i have a question and wanted to discuss, how to truly structure our nuxt 3 application to be modular and module based. i am building an saas app that has so many different module that can be installed by the user. how do i structure the app so that different team can work on different module at the same time without interfering one another? should i use layer? because each module will have different sidebar menu, pages, etc. but they all share the same based component.

How to properly lazy load the nuxt-monaco-editor module?

Original issue: https://github.com/e-chan1007/nuxt-monaco-editor/issues/71 --- In dev mode the module is huge, more than 50.000 kb, split into a lot of requests. How to properly lazy load Monaco?...