Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

explain nuxt ui form + zod + drizzle how well do these work together to simplify form validation

Hi kappa can you provide a minimal example of nuxt ui form, zod, drizzle as I want to see how clean that would look if i were to migrate to it

Sharing types from Server to Client

In my nuxt project, I want to use drizzle-zod to generate types based on my database schema. Currently the schema file is in the server folder but the place I want to use the type is on the client ( in the app folder ). In order to properly do this would I need to move the drizzle schema to the shared folder or would I import the schema into a file in the shared folder, generate the type there and then export it?

Nesting multiple dynamic routes in Nuxt

I am currently in the process of scoping out a migration of our current Web Application to Nuxt 4, trying to figure out what works of the current design, and what might end up being a breaking change. I am currently looking at the routing, and would like confimation that my thinking is correct. Each section of the application follows the same general pattern, where we have a Search Page, followed by the search result, which might have serval pages. ...

Add public assets at build time

Hi, i'm creating a local module for my project, and I'm stuck on adding public assets with the nitro:config hook. I did this: ```ts nuxt.hook('nitro:config', (nitroConfig) => { nitroConfig.publicAssets ||= []...

vue export error during build

SyntaxError: The requested module 'node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue/index.mjs' does not provide an export named 'default'

Docus v3 - How to create another landing page

I've just started using the new version of Docus and I love it. Even purchased Nuxt UI Pro because of it. I'm a bit stuck at creating my second landing page (a page without the docs navigation). Setting the layout via frontmatter doesn't seem to work. Is this intended or a bug? What am I missing?...

onscopedispose running even though both pages use the same layout with the same component inside?

I have a layout which includes my component. when navigating between two pages using the same layout my component inside that layout has onscopedispose run why is that? i expected it to remain since it's on both?

UTable with action row to open UModal

I am currently using nuxtUI and tailwind, I have a UTable and I added the row action ability to my table. I want the action to open a UModal when clicked but nothing happened, i tried adding a toast to see if the button even works and the toast appeared but the UModal does not. in my script:= function getRowItems(row: Row<inventoryProduct>) {...

DevTools stuck in the top left corner of the screen and it can't be moved

I am trying now for an hour to get the devtools somewhere else, but it just won't move. I have created a brand new Nuxt project, deleted the files in the home directory, downgraded to a different version, it just won't move. I have even tried to override the position in the local storage, but nothing works. 😭
No description

Cannot find package 'isows'

Hello, I have a new project with Nuxt 3 and Supabase, I use the pluggin supabase for Nuxt 3. My package.json at the root of project :...

UCarousel (embla carousel) how to ensure width conforms to parents div?

I'm having issues with my Ucarousel not conforming its width to its parent div how can I solve this to ensure it does it properly? ```<template> <div class="flex flex-col gap-5 w-full pb-16 overflow-x-hidden mx-auto max-w-[var(--ui-container)]" > <!-- Heading -->...

moving from supabase auth > better-auth or nuxt auth utils?

I'm using supabase auth currently but thinking longer term is nuxt auth utils a better approach if im also using nitro websockets as it has an integration with that etc or are people using better-auth? could you explain the process and pros / cons

SSR error - ReferenceError: document is not defined

Hi! 👋 I'm new to both Nuxt UI and SSR, so maybe I'm just missing something, but... I'm using Nuxt UI Pro with Inertia and Laravel...

hmr not working in nuxt content v3

I just finished migrating nuxt content v2 to v3 and my hrm in all content pages does not work anymore. I have this content.config.ts file ```js import { defineCollection, defineContentConfig, z } from '@nuxt/content' ...

Preloading banners in ssr

How can i preload multiple banner in Nuxt SSR?

How to use/integrate Cloudflare Cache API?

My Nuxt app is built with the cloudflare-module preset and is deployed to Cloudflare Workers. I'm trying to leverage Cloudflare Cache API to reduce usage of CPU and other services (such as D1 and KV). I couldn't find any mention of this in NitroJS documentation, any hints on how to integrate this myself?

Could not fetch from api.fontshare.com in development. Behind corporate proxy server.

In my development environment, I get the following error message when running npm run dev, which results in not being able to view many icons and fonts.: ` npm run dev Nuxt 3.16.2 with Nitro 2.11.9 ➜ Local: http://localhost:3000/...

nuxt charts display formatted label?

I'm using nuxt charts to display revenue however it's shown as 1.0545 etc but I want the label to show $1.05. How would I achieve this? I don't see an example like this in their docs

UTable th scope-attribute

When using UTable, is it possible to add the scope-attribute to the th-element for accessability?

Have you or anyone been able to get ISR working on Cloudflare Pages?

In all my tests, the page re-renders every time. I even tried setting Cache-Control headers, but it didn’t work. Here’s the repo I’m using to test ISR on Cloudflare Pages: Test route: /custom-endpoint-usage 🔗 https://github.com/ltroya-as/isr-demo/...