persistne issue during any nuxt3 app init: ERROR Cannot read properties of undefined.
during installation of any new nuxt3-app I am experiencing an issue, it seems to be global, anyone could share some hints how to fix it?
nuxt ui navigation menu on tablets
Could you explain the nuxt ui navigation menu how its supposed to work on tables? on desktop it works great the menu appears on hover, on mobile i hide it and use the vertical layout, but on my ipad when testing clicking it just goes to the parent link and i can't get the menu to appear
NuxtUI - why are the children of this nav item so wide?
```
<template>
<UContainer class="py-10">
<!-- TODO: Add the icon at some point -->
<div class="p-1.5">...
Supabase Authentication SSR
can i do supabase authentication on server side or there is only clinet side options ? and i there is how ?
tanstack Query
using tanstack query with nuxt is the best approach or should i use nuxt buil-in functions ?
tryna set auth headers for API calls before they're sent
good day everyone, i have quite a number of APIs in my
server/api directory, i'm basically mimicking my actual API endpoints, proxying, if you may. and a lot of the endpoints require "Authorization": "Bearer <accessToken>" to be set, and error 401 to be handled when necessary by refreshing the token, and retrying the request if token refresh was successful or taking them to login page if it wasn't i.e. refreshToken also expired, would've been fine if i was doing this in a couple of endpoin...Nuxt UI Timeline
Hey sorry if this is a stupid question, but does anyone know if you can use the timeline component even though its unreleased when not using nuxt UI pro? https://ui.nuxt.com/components/timeline
Extending Nuxt UI components etc
So specifically i want to extend the provideDashboardContext from DashboardGroup. My app shell has one main sidebar that's always collapsed to icons only state, a top navigation bar, and a contextual sidebar (via dashboardpanel) that is togglable and i feel like the dashboard context would be the right entry point to start tweaking so they are aware of each other's state as needed and can do the yes do x (that's already supported) but also do y (additional custom action) type of thing..
what would be right way to go about this.. i found https://gist.github.com/lordzouga/866c515f27e9b0eb3bc8d47842afd44c as an example to extend a nuxt-ui template but would appreciate
- confirmation that the approach makes sense
- the recommended way to do this...
How do I enable "headful mode" when running E2Es?
I have Vitest set up and I can run tests, but I need to be able to see these tests run sometimes for debugging purposes. I cannot get headless mode enabled.
Browser Mode seems really cool, but it currently does not work (I can share screenshots and logs if that sounds incorrect, but considering it is an experimental feature I'm assuming that it just doesn't work yet).
How do I turn off headless mode?...
Server plugins not getting invoked
Hi all, I created a new Nuxt app using
npx nuxi init. After it was created, I changed directory in to the project, ran npm run dev. Worked ok, browser shows default page. I added file plugins/01.hello.server.ts with content export default defineNuxtPlugin(async () => { console.log('hello nuxt server') }). Ran the app via npm run dev & expected to see hello nuxt server in the terminal, but it didn't show.
node --version is v22.15.1 & npm --version is 10.9.2.
What gives?...Nuxt UI 3 - UTabs component. ui prop options.
UTabs component. What does ui prop options "indicator", "trigger" and "list" mean?
UCheckboxGroup nuxt ui add icons to each option infront of the label
UCheckboxGroup nuxt ui add icons to each option infront of the label
nuxt-auth-utils: LinkedIn OAuth not triggering callbacks
Not sure if anyone has experience with LinkedIn provider with nuxt-auth-utils, but the
onSuccess and onError callback are not triggering for me.
It shows the LinkedIn page properly, lets you log in, adds a ?code= query param and redirects, but then doesn't trigger either callback.
Reproduction and further details here: https://github.com/atinux/nuxt-auth-utils/issues/416....[Vue warn]: Slot "default" invoked outside of the render function: this will not track dependencies
I get these warnings all the time. Should I worry about this? Everything seems working fine.
UI3 & Tailwind v4 Safelisting
Hello Kapa,
I would like to use this syntax in may .css available in Tailwind v4 to use the safelist system :
```css
@source inline("{dark:,}bg-secondary-{50,{100...900...100},950}")...
Define colors per checkbox in checkboxgroup
How can I define custom colors per checkbox in a checkboxgroup? I have an hexcode per box along with the label and value. It shows the hexcode if i include it in the title, but it seems to error when setting indicator color through :ui syntax.
`const categoryItems = computed<CheckboxGroupItem[]>(() => {
return allCategories.value.map((cat: any) => ({
label: cat.name,...
Tailwind color issue
I used npm install tailwindcss @tailwindcss/vite which is what tailwind said, installed npm install --save-dev @nuxtjs/tailwindcss according to Nuxt's site, and most styling works, but some button styles and all coloring doesn't work
My files:
```
nuxt.config.js...
environment variable not overriding for production
I have set env variables on docker-compose.yml file, but it still takes default value which is empty string
This is my config:
```
export default defineNuxtConfig({...
Supabase or Appwrite
Hello, i have question what's suits best nuxt appwrite or supabase ? which is more flexible for nuxt ?
How to customise the leading icon / avatar for UNavigationMenu Component
So I needed to customise how the UDashboardSidebar looks and this is what I'm using
```
<UDashboardSidebar collapsible resizable :ui="{ body: 'flex flex-row p-0 gap-0' }" :min-size="4" :default-size="30"
:max-size="40" :collapsed-size="4">...