Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Break line on UTooltip

This might be such a dumb issue but i'm unable to break line in the #text slot of the Tooltip component, more specifically in the v-else. This is my code: ```tsx <UTooltip :popper="{ placement: 'top' }"> <template #text>...
No description

Nuxt-security scanning all emojis as images? causing laggy emoji picker

Hi I installed the nuxt-security module and I'm using its default confid. I also have nuxt-emoji picker however when i open and close the emoji picker it's very laggy as I assume nuxt-security is treating every single emoji as an image it has to check? but inspecting the page in chrome the emojis are just emojis not images. Is this expected behaviour or is there a way to exclude emojis from being checked?

how to make nuxt 3 reproduction?

How do i create a basic nuxt 3 reproduction where i install nuxt-security and nuxt-emoji picker?

Supabase module recommended email template URL's and confirm.vue

Hi I have the supabase module however following the official documentation is a bit confusing. So I set
redirect: false
redirect: false
in my nuxt config for supabase to stop redirects to the login page. I also created the confirm.vue page as per the documentation. I then set my site url in supabase to http://localhost:3000 and redirect url to http://localhost:3000/confirm as per the docs. However if I send a magic link through the supabase web UI it sends me to my home page and not my /confirm page which...

colormode set browser scrollbar to light / dark mode

is there a way to set my browser scrollbar style to light/dark mode based on the colormode i have set? currently it follows my system light/dark mode

dyld[79748]: missing symbol called - @nuxt/content - Deno runtime

Hey, just tried to set up Nuxt with Nuxt Content setup on a Deno runtime. When activating the @nuxt/content module in nuxt.config.ts, the app no longer launches and results terminates with: ``` dyld[79748]: missing symbol called...

Custom useFetch and error handling

Hi guys, I'm using Nuxt 3.16.1 in SSR. I'm tryin to create a custom useFetch to factorize my API calls, but what I want is : when there's an error during the server rendering, before hydration, throw the error returned by the API using my error.vue file....

ERROR Pre-transform error: spawn EBADF

Hi, I'm trying to update Nuxt on my project, but without success. I was on version 3.14. I tried upgrading to 3.15, 16, or the latest .17, and I'm still having an EBADF spawn issue. I can't find anything about it. I've tried deleting node modules and .nuxt files, and reinstalling everything properly, but it doesn't change anything....

API Request errors for better-auth on Cloudflare Workers

Hey! Has someone gotten better-auth to work on cloudflare workers? I am trying to deploy a Nuxt 4 application (via NuxtHub) to cloudflare workers, deployment works, but better-auth fails on requests to API endpoints, despite it working flawlessly in development, so this must be cloudflare-specific issue. I consistently get: CLIENT ERROR: POST https://app.netzo.dev/api/auth/sign-up/email 500 (Internal Server Error) SERVER ERROR: SERVER_ERROR: TypeError: Cannot read properties of undefined (reading 'includes')...

Nuxt UI WCAG 2.2 - 2.5.2 Pointer Cancellation Question

https://www.w3.org/WAI/WCAG22/quickref/#pointer-cancellation Do functionalities like the one in the video match WCAG 2.2 – 2.5.2, and if so, why? Is this considered 'essential pointer down event'? (you cant see my mouse, but leaving the area does not rollback the changes)...

Help deploying in vercel a nuxt app with nuxt-auth-utils

Hi, My app works well in dev and production mode (locally), but the deployed app in vercel, can't fetch the api endpoints, received the follwoing errors: sellsInitialFetch:1
...

reading cookie in global middleware

My goal is to set a cookie called "user" in a server plugin which can be read by middleware that can redirect users that do not have certain attributes. I have the cookie set correctly by the server plugin which can be read by my Navbar component. What I am not able to do yet is write the middleware correctly to read the cookie. I tried using global middleware, but if that gets used the cookie data is never set correctly in the server plugin, and of course the global middleware does not detect it either. What am I doing wrong?...

Remove pages from keep-alive

Remove pages from keep-alive

nuxttime formatting to just say today, yesterday, 2 days ago etc and not 24 hours ago 49 hours ago

``` <NuxtTime v-else :datetime="(item.data as any).dateForNuxtTime" relative numeric="auto"...

nuxt ui navigationmenu custom slot label and icon disappears

Hi i tried to add a custom slot to my navigation menu items however now only the item within that custom slot is visible and the icon and label don't appear. ``` <UNavigationMenu :items="items" class="hidden md:block"> <!-- Custom slot for help link --> <template #helpBadgeTrailing> <UBadge label="Coming soon" variant="subtle" size="sm" color="warning" />...

useFetch automatically fetching even when watch is disabled

I have the following code snippet: ```ts const wallet = useWallet(); const block = ref<number | null>(null); ...

transition not respecting z index

Hi I have a transition ``` <Transition enter-active-class="transition-all duration-300 ease-out" enter-from-class="translate-y-full" enter-to-class="translate-y-0" leave-active-class="transition-all duration-200 ease-in"...

cannot invalidate cached data using getCachedData

Hey everyone! I'm having an issue with useLazyFetch caching behavior in Nuxt 3 and could use some help figuring out the best solution. Problem Description I have a page component using useLazyFetch with a specific cache key:...

how to override vue-emoji-picker css styles to match my site?

Hi I'm using vue-emoji-picker but I want to override its background color and border color to match my nuxt ui theme colors. I tried making an emoji-picker-custom.css and including it in my nuxt config ```/* app/assets/css/emoji-picker-custom.css */ :root { --v3-picker-bg: red; }...

Nuxt-i18n language switcher

So I'm trying to setup localization for my app. Now I've used the provided setup from the docs and managed to get it working for one language. When I try to switch the language, I get a lot of warnings for missing keys in my locale messages. Which is very strange as both of the language JSONs are exactly the same. So for a test I changed the config to use the other language as default and it works, but when switching the result is the same. So this is how I setup in my nuxt.config: ``` i18n: {...