Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Failed to signin with google using @nuxtjs/supabase

Hey, i'm using Supabase for the authentication with Google, I have this function ```js const loading = ref(false) const error = ref(null) const supabase = useSupabaseClient()...

Transfer-Encoding: chunked in Nuxt/Nitro

Hi! I'm trying to create a webhook endpoint in Nuxt that receives binary data (video files) from security cameras. The cameras send data with Transfer-Encoding: chunked and Content-Type: video/x-matroska. ...

tailwind classes injected via $attrs not applying styles

tailwind classes are not being applied when injecting them via vue's $attrs. inspecting the nested div in chrome, bg-black is indeed passed to it, but no styles are applied... ```ts // FooComponent.vue <template>...

Elegant way to pass slots to children

Is there a more elegant way to do this? ``` <LayoutHeader> <template #navitems>...

Importing type from other component

I thought I could be able to import types using the #components alias but it doesn't seem to work for me. Currently I'm importing types from other components using this: ```ts import type { SelectableMission } from '@/components/JobTracking.vue'...

Nuxt auto imports: useToast is not defined

I've tried to replicate this on stackblitz but it's only happening locally when I'm developing. Unless I explicitly import useToast like this:- import { useToast } from "#ui/composables/useToast";...

Nuxt 4 & Tailwind 4 IntelliSense Not Working

Can someone explain to me which settings I need for the curly underlines in Tailwind classes? Ideally for within <template> but also within <script> tags. I am using the import tailwindcss from '@tailwindcss/vite' plugin and not @nuxt/tailwind ...

Post request returns only list

Hello i am trying to create basic API from nuxt server and i have created 2 files one for the list and one for the post and the shema is correct and the payload from the client matching the schema but the post request always retuns the list not the new obj is there any solution for this ?

After upgrading to nuxt 4.1.3 the hydration is not working

I upgraded the nuxt from 4.1.2 to 4.1.3 but now the hydration is stopped working and the app loads but not interactive. anyone face similar issues ?

Nuxt UI / Nuxt Fonts generating duplicate font-face rules

"@nuxt/ui": "^4.0.0",
Here's my config: ```...

Nuxt Prose - cannot resize image

Hi all, I am dead stuck on this one and I can't figure out how to get it to work. I am trying to use markdown for rendering content, and displaying some images in my page. I found that there should be options for doing this just by adding some attributes in the .md file, but I can't get it to work and I am at a loss. Any help or suggestions would be appreciated

How to send current locale to an api route with nuxt i18n

We are writting a new app using Nuxt and @nuxtjs/i18n. We have multiple domains with different languages. Is there a way to automatically attach the current locale to the every request sent to the middleware?

Invalid useAsyncData pending state if data is cached

I have a custom wrapper around data fetching like this: `export const useApiData = <T = unknown, R = T>( key: string, endpoint: string | Ref<string> | ComputedRef<string>, options: Omit<AsyncDataOptions<ApiResponse<T>, R>, 'transform'> & { query?: Record<string, any>;...

@nuxt/ui as external lib

There is a way to build a npm package that relies on nuxt/ui ( I want to externilize) nuxt/ui during build, there is an example how Can I achive this with Vite? (Not Nuxt)

Proxy Websocket Messages in Nuxt 3/4

Hey there, im have implemented a websocket server in my Fastify Backend running separatly from nuxt in a diffrent docker container on same host. I already got endpoint /api/[...].ts up running which proxies everything to backend: ```ts...

Publish a message on websocket from another endpoint

Hello, I am using NuxtHub and enabled experimental websockets from Nitro and workers from NuxtHub. I have an endpoint server/api/ws.ts: ...

How to export types of an nuxt plugin?

So i'm using the better-auth, and for the client part, i created a nuxt plugin like this: ```js import { createAuthClient } from "better-auth/vue"; export default defineNuxtPlugin(() => { const authClient = createAuthClient({});...

useUserSession() blank for one user

I am using nuxt-auth-utils to manage login and authentication in an app. When the user logs in we store data in user using setUserSession() and then check some of those values in the authentication middleware. This appears to work fine ... except for one user. For that user, we run setUserSession() on the server side, but when we then request the session with useUserSession() their session is blank. This happens regardless of whether I refresh the session with refresh or not. It feels like the session is simply not saved on the server side, or not passed to the client even after a refresh and route change. I have been wondering if the total size of the stored data (including the secure part) could have any impact on whether the session saves or not, and whether that's something we can alter?...

Missing "./runtime" specifier in "@nuxt/image" package

Hello. I want to create a custom provider for @nuxt/image. I use instructions from https://image.nuxt.com/advanced/custom-provider My custom provider is: ```typescript import { joinURL } from 'ufo'...

Nuxt UI - How to use a reactive array as NavigationMenu children?

I have a reactive object. I want to map it as a reactive array to NavigationMenu children array. How to keep reactivity?