Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Migrating Tailwind to Nuxt v3

Hi all, I am trying to move to the new Nuxt UI v3 but all my tailwind styling has broken, what is the correct way to use tailwind as this guide https://tailwindcss.nuxtjs.org/getting-started/installation is saying ./tailwind.config.js is required, but when upgrading tailwind (https://ui.nuxt.com/getting-started/migration), that file gets deleted and moved to a main.css?

H3 – rationale for events rather than requests

Would someone be kind enough to explain to me the rationale for H3 using events vs requests? I'm a "fairweather" backend guy; i.e. I know enough to make it work but often not the rationale behind things. From what I can gather about the "universal" nature of where h3 is designed to run, I assume that custom H3 Events were chosen to abstract and consolidate disparate properties of the various runtime targets and environments?...

await useAsyncData vs useAsyncData

Whats the difference await useAsyncData vs useAsyncData?

Nuxt UI starter template fails to boot on stackblitz

More of an FYI. When coming from www.nuxt.new the V3 ui starter fails to boot on stackblitz. Locally it runs fine. Makes it less convenient to make reproductions for issues. Reproduction: https://stackblitz.com/edit/github-hitsapfi?file=app%2Fapp.config.ts...

change appearance of components between light and dark mode in nuxt ui 3

i alwasy get the components with light styling by default, but i can't find in the documentation about how to change the appearance for components in dark mode. i installed nuxt ui in my vue project btw....

Using useCookie inside onRequest

is it safety to use useCookie inside onRequest? ```ts export default defineNuxtPlugin(() => { const { apiDomain } = useAppConfig(); ...

browser.mjs?v=a506e15d:48 ssr:warn [Vue warn]: resolveComponent can only be used in render() or setu

browser.mjs?v=a506e15d:48 ssr:warn [Vue warn]: resolveComponent can only be used in render() or setup(). Inspector: at <anonymous> (C:\Users\justserdar\Documents\GitHub\nuxt\playground\node_modules.pnpm\nuxt@3.16.0_typescript@5.8.2_vite@6.2.2\node_modules\nuxt\dist\core\runtime\nitro\plugins\dev-server-logs.js)...

Error when installing Tailwind v4

[ nuxi 00.17.12] ERROR Nuxt Build Error: It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration.

Getting a error from unhead@2.0.0-rc.13

Uncaught SyntaxError: The requested module '/_nuxt/@fs/C:/Users/justserdar/Documents/GitHub/.../node_modules/.pnpm/unhead@2.0.0-rc.13/node_modules/unhead/dist/index.mjs?v=4b4d1985' does not provide an export named 'getActiveHead'

How to disable this shaking of icon in Nuxtr

when I switch between files e.g. about.vue and index.vue page it is shaking constantly in vs code. It's driving me crazy:

cannot resolve css path for local layer

im running nuxt with all v4 features enabled. i have a layers folder at the root of my project with a base layer. in here i wish to keep all my styles, assets, components, etc. in the nuxt config, im trying to reference the css file via
css: ["~/assets/css/styles.css"],
css: ["~/assets/css/styles.css"],
...

How do I get the actual Stream with useChat using the vercel AIsdk?

I want to use https://github.com/antfu/shiki-stream but it requires the raw stream. I tried creating a stream from the reactive text but that didn't work out well because I couldn't get working properly. I know, that this is a bit off-topic, sry....

Yarn Generate Error

Annoying error won't build on yarn generate (file::_entry)

How do you add a middleware to nitro.routeRules in defineNuxtConfig?

I'm using routeRules with proxy. I've tried doing appMiddleware but having that middleware does nothing, wether it lives in /middleware or /server/middleware. Having that middleare mymiddleware in /server/middleware folder does not generate types for appMiddleware values, it does generate types if it exists in /middleware folder only. So the answer here does not apply....

Resize UModal

how can i adjust my modal into smaller size? ```html <UModal title="Are you sure you want to log out?"> <UButton variant="ghost"...

Disable Default Error Screen

Can someone tell me how to disable nuxt default error screen on production. show errors in console instead for breaking entier application. Thanks! (nuxt v3.11.1)
No description

Nuxthub and Nuxt UI Pro licenses builds failing

Hi, I've bought a license yesterday. Today, I tried to add it to my Nuxthub project, however, I'm constantly getting the error: Error: Missing NUXT_UI_PRO_LICENSE license key....
No description

Trying out latest Nuxt UI Pro v3 SaaS template

I’d like to try out the latest Nuxt UI Pro v3 SaaS template available here: https://saas-template.nuxt.dev When running npx nuxi init -t github:nuxt-ui-pro/saas my-saas (as per instructions here: https://ui.nuxt.com/getting-started/installation/pro/nuxt#use-an-official-template - I seem to be getting one of the older SaaS templates (which also appears broken, i.e. see how the here buttons are behind the background image) on the attached screenshot. How do I use the npx nuxi... command to fetch the latest Nuxt UI Pro v3 SaaS template?...
No description

Supabase module

Hi I am trying to exclude server endpoint verification but I am not sure how to exclude only GET request but keep other methods guarded

Dynamic Carousel Page

How to change the page of a nuxtui carousel using another SelectMenu