Nuxt

Nuxt Community Chat Server

Nuxt

Nuxt Community Chat Server

3/27/2025

Auth middleware not redirecting

I'm using nuxt-auth-utils and everything in my middleware works exept the redirect itself. I even get the "DUMMY REDIRECT" in the console. I've even tried with await, return, await return. abortNavigation() also does nothing. Why is that? auth.global.ts ```js export default defineNuxtRouteMiddleware((to, from) => {...

RicharDVD

3/27/2025

Explicit import from local Layer

Hi! I am migrating a Nuxt app to a layered architecture because we want to create a second application with a lot of the same core code, just some pages that are different. I migrated the folder structure to the following: - pnpm-workspace.yaml - package.json - packages...

kozy

3/27/2025

useAsyncData with pinia

I was reading through the documentation on useAsyncData and I noticed that it mentioned:

useAsyncData is for fetching and caching data, not triggering side effects like calling Pinia actions, as this can cause unintended behavior such as repeated executions with nullish values. If you need to trigger side effects, use the callOnce utility to do so.

with the following example: ```ts const offersStore = useOffersStore()...

Toffe

3/27/2025

Websocket "unknown" type in typescript app

I have this plugin, and I want to use the send functionallity on components. I also want to add others later on (subscribe to topic etc). ```javascript import { defineNuxtPlugin } from "#app"; export default defineNuxtPlugin(() => {...

Tobberoth

3/27/2025

Mocking a plugin

Is it possible to mock a plugin which is imported using useNuxtApp() in a component which is being unit tested?

hackal

3/27/2025

useFetch not updating data ref when new request is triggered.

This is my simplified version of composable ```ts const projectCache = () => useState("projectCache", () => ref({})) const useProject = async (projectId: Ref<string>) => {...

Pablo

3/26/2025

[Solved] Storing a user object globally

Greetings! I want to store a user object globally after parsing a JWT in a server plugin, and I seem to only get this partially right. Why am I doing this? Because where my Nuxt app is deployed, authentication happens before the web traffic reaches the Nuxt app. In the request I can see a header with the JWT that has the user info. What I want to happen (which I accomplished easily in Flask in my previous website) is: 1. before any page loads, check if there is a user already in a context/global object. If so, continue. If not, we need to check the request header. 2. parse the JWT in the request header...

MrFox

3/26/2025

Improval of Scrol-Saver

Hello, I got this code: ```ts export default defineNuxtPlugin((nuxtApp) => { const router = useRouter(); ...

dmarr

3/26/2025

Module that uses fetch

I am working on making a module that will perform a fetch and update some runtime config. Using nuxt hub as an inspiration. I am running into an issue, likely because I’m trying to use a function that I define in server/utils. I don’t get any specific error, just that the module won’t load.

SaltTheWound

3/26/2025

Nuxt active-link-class

I have the following folder structure: Blog -> index.vue Blog -> [_slug].vue ...

BaxSTAR

3/26/2025

Reading audio files

Currently new to Nuxt, and I wanted to make automatic subtitles for the audio in my website so I went to find APIs that would help me with transcribing audio to text. Everything was going fine until I encountered the problem with the 'fs' module not being available as vite won't allow it. I needed the 'fs' module in order to read the audio file and pass it to the transcription function, but without it, Im kinda lost. I've looked for solutions but a lot of them are for other types of files, and not for an audio file that can't be read like a text file. A lot of them also talk about middleware, which I have yet to touch in nuxt. How should I properly read an audio file in nuxt?...

Ploggs

3/26/2025

Vite allowedHosts problem

In my Nuxt 3.16.1 app, i am continually getting blocked request. This host "placeholder.web.app" is not allowed. To allow this host, add "placeholder.web.app" to server.allowedHosts in vite.config.js. Below is the config. vite: { server: {...

Oyl

3/26/2025

Nuxt-ui tailwind themeing

I am trying to configure my tailwind 4 themes and set them for my nuxt-ui but i seem to be doing it wrong main.css ```css @import "tailwindcss" theme(static);...

Prestgg

3/26/2025

I don't now. I'm using betterauth.

My project works on localhost but in POST 500 /api/auth/sign-out SERVER_ERROR: ,Error: Cannot perform I/O on behalf of a different request. I/O objects (such as streams, request/response bodies, and others) created in the context of one request handler cannot be accessed from a different request's handler. This is a limitation of Cloudflare Workers which allows us to improve overall performance. (I/O type: Writable)...

salomon_.

3/26/2025

Is there rewrites in middleware?

What I need to do is rewrite from website.com/rooms/:country/:region/:city to website.com/:country/:region/:city

🐾Pow

3/26/2025

How to apply esbuild jsxImportSource file overwrite?

Hi, i have a unusual setup i am porting from another vue framework to nuxt. custom jsx setup The setup involves having certain files using different JSX transform options. Certain files use a custom JSX runtime for performance reasons and this was previously solved using esbuild comment overwrites according to https://esbuild.github.io/api/#jsx...

Hùng Lê

3/26/2025

create .env in vps for docker compose

on a vps environment running with docker compose how can i create a .env file in the container?

23brewert

3/26/2025

Nuxt UI, Text Does not appear in light mode - iOS only?

Hello everyone, I recently built a site with nuxt 3 and nuxt ui version 3.0.0 The theme for UI components is generally working out, however when I try to view the website from my iPhone that has a system-level light mode, the text disappears, but it re-appears if I enable dark mode. [see attached video] ...

Abdulrahman

3/25/2025

npm run build error: Could not load unenv/dist/runtime/npm/whatwg-url.mjs/webidl2js-wrapper: ENOENT

Hi everyone, I've been struggling with a build issue for the past week when running the command npm run build. Despite my efforts, I haven't been able to resolve it. I’ve tried multiple solutions, including removing and reinstalling modules and updating to Nuxt 3.16.1, but nothing has worked so far. At this point, I'm exhausted from troubleshooting on my own, so I’d really appreciate any insights or suggestions. I've attached my dependencies for reference....

devin schumacher

3/25/2025

nuxt UI upgrade help

trying to upgrade our repo from nuxtUI(alpha) to the new nuxtUI actual release. we followed all the docs, etc. but are unsure why some items look messed up (while others look correct) any quick ideas why?...

Previous Next

Gaming

Programming

Nuxt

Nuxt Community Chat Server

Nuxt

Nuxt Community Chat Server