13,034 questions
-1
votes
0
answers
15
views
Nuxt PUT method, how to pass an object?
I'm trying to fix a bug in a Nuxt application. The app has a user profile page with an edit button. When editing the user a PUT request is made to save the new data. How do I make this work?
I'm only ...
0
votes
0
answers
17
views
Nuxt Content remote repo connection
I'm following the instructions given here:
https://content.nuxt.com/docs/collections/sources#authtoken
And implementing the remote repo like so:
export default defineContentConfig({
collections: {
...
0
votes
1
answer
39
views
Errors running Nuxt 4 project after running npx nuxt upgrade
I have a Nuxt Typescript project I created on my Mac a few months ago when Nuxt was at version 4.0.3. I want to update to the latest stable v4 (4.2.1) so I ran npx nuxt upgrade (with or without --...
Best practices
0
votes
3
replies
35
views
Nuxt.js pre-render data in the server for the seo purpose
We have a nuxt.js project which is an ecommerce site. We load the products page with first 100 products as SSR. after that we load other products as we needed from the client side using an API call. ...
Best practices
0
votes
0
replies
21
views
Repository pattern + useAsyncData + Pinia store, hydration + caching problems?
We follow this article to write all our API calls https://medium.com/@luizzappa/nuxt-3-repository-pattern-organising-and-managing-your-calls-to-apis-with-typescript-acd563a4e046 so we can fetch a ...
0
votes
0
answers
91
views
MonacoEditor - Web Worker can't be created
I use https://nuxt.com/modules/nuxt-monaco-editor. I get this error and don't really know what to do against it:
Could not create web worker(s).
Falling back to loading web worker code in main thread,...
0
votes
0
answers
38
views
offline.html not showing correctly in PWA 1.0.7 for nuxt 3.13
I have nuxt 3.13 with PWA module 1.0.7
the service worker is work fine but offline page not working.
I create offline.html in public folder and nuxt.config.js is like below
export default ...
0
votes
0
answers
47
views
Nuxt seo prerendering
I need help with this, I need SEO for 3 pages index, Faq and Blog when I run npx nuxt generate and see the index.html in .output/public I only see this in the viewsource I don't see the html like the ...
1
vote
0
answers
57
views
Vue/Nuxt app loads slowly on client side -- how can I identify and fix performance issues?
I’m working on a Vue/Nuxt project where my client reports that the website is slow — especially when loading a selection window and when fetching JSON data.
However, the slowness is not very ...
4
votes
1
answer
59
views
Is it possible to customize the speed of the Nuxt UI Marquee component?
Given the Nuxt UI marquee component
<UMarquee>
<!-- ... -->
</UMarquee>
is it possible to control its speed? I wasn't able to find a prop for that. Maybe this can be ...
-1
votes
1
answer
77
views
How to safely redirect to /login without crashing on heavy page renders?
I’m running into an issue with Nuxt 4 / Vue 3 where I need to redirect the user to /login immediately after logging them out or when a token expires. The problem is that if I call navigateTo('/login') ...
0
votes
1
answer
78
views
Vercel serverless functions not working during deployment for Nuxt4 SSR Project, only serving frontend
I’m trying to deploy a Nuxt 4 full-stack app to Vercel, and while the frontend builds and loads correctly, all my backend API routes fail, and there is no response from the composables or server apis.
...
0
votes
0
answers
50
views
Nuxt Maximum Frequency Data Polling
I'm trying to regularly poll some data in my Nuxt app that will need to be referenced across multiple components. For illustrative purposes, let's say the data is the wind speed, direction, ...
0
votes
0
answers
61
views
css and js is not loading in nuxt 4 and electron js when it comes to production
i have built a desktop application using nuxt 4 and electron js, everyting is working as perfect in dev mode loadig css , js everything but when it comes to package and prod the application installs ...
0
votes
2
answers
66
views
Route Query Parameter not triggering re-render/logic on same page path
I'm new to Nuxt 3 (and Vue) and running into a issue with component reuse/caching in development mode. This problem never occurs when I build and preview the application.
The Problem
I'm using a ...
0
votes
0
answers
32
views
Using latest version of Nuxt UI 4.0.1 - Unable to use hover classes on button
I have installed latest version of Nuxt UI (4.0.1) and I am unable to use "hover:[class]" on buttons:
<template>
<UButton
class="hover:bg-primary-600 dark:hover:bg-...
1
vote
1
answer
79
views
better-auth: Unable to create schema for genericOauth with sqlite in nuxt
I'm setting up my nuxt project and I want to configure better-auth to use my companies Oauth2/OIDC provider to authenticate against with the genericOauth plugin. When running npx @better-auth/cli@...
0
votes
1
answer
67
views
Nuxt 4 + nuxt-seo: `defineOgImageComponent` throws "client-only context" error
I’m trying to use nuxt-og-image via defineOgImageComponent() on my homepage.
Even with SSR enabled and calling it at the top level of the page’s <script setup lang="ts">, I get:
500 ...
0
votes
1
answer
126
views
Nuxt 4 build in production mode is trying to access public folder from .output/server/chunks/public instead of .output/public
I have a nuxt 4 app, with vuetify and sidebase nuxt auth. It runs normally during development, but when i build it and serve it using node .output/server/index.mjs, the page does not load, i can see ...
0
votes
0
answers
30
views
ioredis not catching ERROR [ioredis] Unhandled error event: Error: read ECONNRESET
I have a Vue+Nuxt app that uses Redis as cache. It's is setup in the following files.
server/plugins/redis.js
import redis from "unstorage/drivers/redis";
import Redis from 'ioredis';
...
2
votes
1
answer
223
views
Nuxt 4 + tailwindcss + directus gettng error "500 Cannot redefine property: _path"
So I'm trying to do a project in Nuxt 4, and I got a problem when I try to edit any CSS element. It just crashes to 500 Cannot redefine property: _path I tried changing node version because I found ...
4
votes
1
answer
439
views
Nuxt 4 + shadcn/vue Overriding component You can specify a priority option when calling addComponent to avoid this warning warnings for all components
I’m using Nuxt 4 with [email protected], and I’m getting warnings for every shadcn-vue component:
WARN Overriding StepperDescription component. You can specify a priority option when calling ...
0
votes
3
answers
82
views
Change row background color in NuxtUI UTable based on cell value
I’m new to Nuxt and NuxtUI. I want to change the background color of a whole table row depending on the value of one cell.
For example:
if the cell value is error, the entire row should be red
if ...
0
votes
1
answer
66
views
gorilla/csrf in my Go API not sending headers to my Nuxt frontend after signup using OAuth, err: Invalid origin
Firstly, the OAuth flow, itself, works. After sign / login I create a session using gorilla/sessions and set the session cookie.
Now, since I use cookies as the auth mechanism, I thought it followed ...
0
votes
1
answer
195
views
Nuxt 3 to 4 migration : will it fix memory issues?
I have a Nuxt 3 production app hosted on Scalingo (it's like Heroku but is a french company)
I have so many container crashes because of memory issues when a lot of people are browsing the website.
...
0
votes
0
answers
40
views
keycloak-js with Nuxt: URL fragments not removed after login, authentication lost/blank page displayed on page reload with URL fragments
I'm using keycloak-js in a Nuxt 4 application for authentication. After login, I am redirected back to my page, but the URL contains session-related query parameters (like ?code=...&state=...&...
0
votes
0
answers
69
views
Custom templete with Nuxt Timeline
No matter what I do my custom template does not apply. In the timeline I always see Title first and then description. This is my code:
<template>
<div class="p-8">
<h1 ...
1
vote
0
answers
54
views
Nuxt content v3 with Nuxt v4 shows "content not found" on direct page refresh/navigation in production
Operating system : macos
@nuxt/content: ^3.6.3
nuxt ^4.0.3
Node 24
In a Nuxt 4 project utilizing @nuxt/content, I am encountering an issue where content-rendered pages display "content not found&...
0
votes
1
answer
48
views
Get response body from Nuxt's useFetch composable on error
I'm having issues getting the response body from the Nuxt's (4.0.1) useFetch composable.
My API is a CMS and in case the page doesn't exist or the user should be auhtenticated to see the page, it ...
0
votes
0
answers
78
views
How to fetch and return the desired objects?
I'm using Nuxt3.
My app has a form with 5 input fields. Our users need to select a branch from the dropdown menu and fill out one more input field before they can search a customer(s).
I'm using a ...
0
votes
0
answers
74
views
BetterAuth api endpoints not working in Nuxt 3 app when deployed to cloudflare pages
So I am making Nuxt 3 application which I am deploying to Cloudflare pages.
My techstack is:
Nuxt 3
Postgres.js
Zod
DrizzleORM
BetterAuth
First I had problems with deploy and pg package so I ...
2
votes
1
answer
60
views
nuxtjs button component has several size style with tailwindcss. cannot use different size in one place. all are getting the lagest button size
I'm use nuxt.js and tailwindcss for this. create a common button component that can use in several ares with different sizes (sm -> small, md -> medium, lg -> large). but once I use all the ...
3
votes
2
answers
292
views
Nuxt 4: import aliases don't work in test files
I have a vitest/Nuxt3 test setup that works fine and I'm trying to port it to Nuxt4 and I have import aliases issues.
The same imports that work from files in /app fail in my test file, which is ...
0
votes
0
answers
36
views
How to keep .nuxt/imports.d.ts synchronized?
The magic in Nuxt auto-imports relies on .nuxt/imports.d.ts, which is automatically generated.
While trying to understand the auto-import feature, I've been moving a types file e.g. from /shared/types ...
0
votes
0
answers
84
views
Nuxt 3 with i18n missing translations all the sudden
Out of the blue my Nuxt 3 project (which has been running fine for over 8 months) is missing translations. Translations which are clearly in the correct files.
Also, when building the project, some of ...
1
vote
1
answer
428
views
`@import "tailwindcss";` does not work when used in a file with an `.scss` extension
I wanted to use Tailwind and SCSS on my Nuxt site, but I noticed that the only way to make it work is if the file where I put @import is a CSS file; it doesn't work in an SCSS file.
I don't understand ...
0
votes
1
answer
56
views
Nuxt4 + BetterAuth layout - navbar
I'm using Nuxt 4 with Better Auth and Supabase, and I have a component in the default layout with a navbar. The navbar doesn't update dynamically — it only reflects changes after I manually refresh ...
2
votes
1
answer
414
views
Nuxt shadcn/vue installation results in missing module error
I’m trying to set up a fresh Nuxt 4 project with Tailwind CSS v4 and shadcn-vue, following the official installation guide:
👉 shadcn-vue Nuxt installation docs
Steps I followed (from the docs)
...
0
votes
0
answers
67
views
Nuxt 4 SSR not showing HTML in source
I just started a new nuxt project (latest version). In my nuxt.config.ts I have "ssr: true" but when I look at the source code of the page, I only see some CSS (Nuxt UI) and JS but no HTML.
...
0
votes
1
answer
94
views
Custom color (bg-primary) is not being applied
I’m using Nuxt 4 (RC) with Tailwind CSS. Tailwind is working fine for default utilities (bg-red-500, text-xl, etc.), but my custom bg-primary color isn’t applied.
Here’s my setup:
nuxt.config.ts
...
2
votes
1
answer
207
views
A composable that requires access to the Nuxt instance was called outside of a plugin, Nuxt hook, Nuxt middleware, or Vue setup function
I'm getting this error when I use useNewSession.ts composable in my Nuxt middleware.
[nuxt] A composable that requires access to the Nuxt instance was called
outside of a plugin, Nuxt hook, Nuxt ...
-3
votes
2
answers
2k
views
How to use/install tailwind css in nuxt 4?
I was trying to get tailwindcss to work in my nuxt 4 application. There is no proper documentation for the same. After wasting 4 hours of my life asking chat GPT which did not help I finally got the ...
0
votes
1
answer
86
views
Timeline in Nuxt not showing any items
I have this simple nuxt page and are trying to to render er simple timeline. I have just copied paste from the documentation:
https://ui.nuxt.com/components/timeline
This page is just blank, but I get ...
1
vote
1
answer
72
views
Setting default value in USelectMenu
I am trying to populate a USelectMenu and set a default value. However the control shows the id and not the label:
This is my code:
<template>
<div class="p-8">
<h1 ...
0
votes
1
answer
54
views
how to use newMessagesCallback in Qiscus SDK Javascript? [closed]
I'm using nuxt js. When I send a comment, the newMessagesCallback is not triggering on sender and receiver.
Is there anything that I have missed? I already tried using subscribeEvent or event.on('new-...
0
votes
0
answers
36
views
Does not work on ssr mode own server api routes in Nuxt 3
I have /blogs, /blogs/:slug pages and /api/blogs/, /api/blogs/:slug server api endpoints. Whenever I send a request to the server api endpoint in my ui pages it is returning an error. The error is as ...
0
votes
1
answer
227
views
Nuxt4 Pinia is not displaying on devtools when redirecting from pages/index.vue to pages/[market]/index.vue
Good day, I am trying to migrate my code from vue 3 to Nuxt v4 and I was trying to setup on the index page where the page content should be based on the dynamic param "market".
So I tried to ...
4
votes
0
answers
235
views
Uncaught SyntaxError: Identifier 'validate' has already been declared in .nuxt/middleware.mjs
I'm working on a Nuxt 4 project and sometimes, after I update a file, J got the following error in the browser console:
Uncaught (in promise) SyntaxError: Identifier 'validate' has already been ...
0
votes
0
answers
52
views
nuxt build error: appendHeader is not defined
I have the following problem: there is no issue when I run npm run dev everything works fine. However, when I run npm run build I get the following error:
Console:
[plugin @tailwindcss/vite:generate:...
0
votes
0
answers
50
views
Nuxt3 i18n set locale with backend API
I am trying to send header to my backend API. This header will be the locale: tr/en/ru.
But the problem is when I change the locale, it's only changing the url like demo.com/en and doesn't send any ...