Nuxt ui drawer set z layer to lower than that of another object?
I have a bottom menu stuck to the bottom of my screen on mobile and I want to use a drawer component as a sub menu which slides in from underneath this bottom menu. I tried manually setting z-10 on the UDrawer and z-20 on my bottom navbar stuck to the bottom of the screen on mobile however the drawer is always above it. is there a way to do this?
Issue with @nuxt/content markdown processing involving mixed HTML and plaintext
Hey! I am making a blog using @nuxt/content. One problem I've run into is that when I mix HTML and plain text in my markdown files, the HTML "eats" the plaintext below it. I could simply avoid HTML, but the reason I'm bringing up this issue is because it's ALSO happening when I use Vue components within my markdown. I have created a Vue component which is pretty much essential for how I plan to set up my blog, so I would definitely like to get this sorted. I have tried searching, but I'm not totally sure what keywords to even use. I've also tried asking AI, and it wasn't helpful either, though it did seem to think it was not @nuxt/content specific? I would love it if somebody could at least give me a lead to follow to find the source of this problem.
I will post a version with my custom Vue components, as well as custom beforeParse plugin, if necessary. But that might take a bit of time and effort to get a reproducible example on codesandbox, so I'm hoping the following example is enough:
https://codesandbox.io/p/devbox/currying-violet-dzy4n3?workspaceId=ws_Phyvisc1F78GerdH9AzfWs...
change default name from "nuxt-app"
Hi, where do i change the default name from "nuxt-app" to something else? I tried to do it in nuxt.config.ts using ...
app: {
head: {
title: 'My new site name',
app: {
head: {
title: 'My new site name',
Prerender not completing, no errors — possible runParallel issue?
Hey everyone,
I'm having some trouble with Nuxt's prerendering and I could use some help.
Sometimes, when I run the prerendering process, it doesn’t complete correctly — but it also doesn’t throw any errors. I'm using the prerender:routes hook and have crawlLinks set to false.
...
Can't run a new project
I've been coming back to Nuxt for months, and I try installing a starter project, only to get this. it has never happened before, so what gives?
Conditionally render items on Dropdown (Nuxt UI v2)
As the title says, how can one conditionally render items on a dropdown?
I got some users that are on a "trial" account and want to hide some buttons.
Code:
```ts...
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>...
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 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...
redirect: false
redirect: false
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?...
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"...