Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Interested in Nuxt UI Pro. Could I get multiple License keys for multiple projects under one license

I am interested in buying Nuxt UI Pro, but I would like more details on the API key to enable build to production. I may have multiple projects for multiple different companies as a contractor. If the contractor doesn't pay for my project after I delivered, would there be a way to disable and delete the Nuxt Pro UI API Key, to stop the UI from rendering? ...

headless WordPress on Nuxt Hub

Hi, i created a NuxtHub project, and Headless WP site in Nuxt. I want my custom domain to be maurodefalco.it for the nuxt site. In the nuxthub admin page i need to enter the CNAME for use the custom domain, but in the Cpanel (where i have my wp site and i use the maurodefalco.it's domain) is impossibile to enter the CNAME for the entire domain, how can i achive this?...

Use proxy routeRules in build hook

I have created a custom Nuxt module that sends data to a cms on build:done hook. The cms location is configured in routeRules with proxy enabled. So far I have tried $fetch or useFetch but both are not available in this context ofcourse. How could I use the proxy rewrite in a build hook?...

Project creation useHead infinite recursion

Whenever I create a new project, using nuxt.new, nuxi or create nuxt, on no changes I get a useHead infinite loop with the following error: ``` 500 Maximum call stack size exceeded ...

Dayjs building error on run build ?

Hi everyone, I'm running into a build error in my Nuxt 3 app when executing pnpm run build, and I'm wondering if anyone else has experienced this. It seems that Vite (via Rollup) fails to resolve the dayjs/plugin/updateLocale module, even though the plugin is supposed to be included automatically by dayjs-nuxt. Everything works fine during development, but the build fails in CI with this error coming from .nuxt/dayjs.imports.mjs....

Need to add shadcn to project

I am working on a nuxtjs project and I need to add shadcn components

Installing tailwindcss on Nuxt4

Context : fresh Nuxt 3.16 install with Nuxt4 compatibility I installed tailwindcss with npx nuxi module add tailwindcss This is my nuxt.config.js:...

Can't seem to access deeply nested object from async pinia store method

After the fetch quote data is called, data contains the correct object. However quotes and quotesC remains undefined and I cannot figure out how to populate it other than using the custom fetch's transformer function. If i use the transformer and set the quotes ref from within there, it works. The object does contain "Quotes" it is definitely there. ```typescript // Store export const useQuoteDataStore = defineStoreWithHMR('quote-data', () => {...
No description

Nuxt4 and global css import

Context : fresh Nuxt 3.16 install with Nuxt 4 compatibility When I add a global css import in my nuxt.config.ts file : ```js...

Hydration error I can not figure out

Currently, this page displays a map with markers on it. When clicking a marker it (should) take me to a different url. I use navigateTo and the URL itself gets changed just fine. It seems like it simply does not update my specificLocation: ```ts const slug = computed(() => route.params.slug); ...

Can't get the Vue-sonner package to work...

Nuxt Version: 3.16.2 Vue Sonner Version: 1.3.2 (https://vue-sonner.robertshaw.id) Hello Nuxt community. I am experiencing issues with the "Vue-sonner" package. I wanted to ask you guys to see if anyone in here has experienced the same and has found the correct solution to this....
No description

Layout transitions not working between pages

I have a number of pages (index.vue, login.vue and register.vue), as well as a layout auth.vue. I have a transition between login.vue and register.vue which works: ```html <script lang="ts" setup> definePageMeta({...

feature flag implementation

hi people 🧑‍🤝‍🧑 . we are implementing feature flags but since nuxt's components are rendering in both server and client, how we can prevent users to manipulate flags. when we set page to server only, then client js does not work. there are experimental features we can utilize but i would like to ask you first if there is a better way. thank you in advance <3...

Tailwind styles not working after migrating to NuxtUI v3

I followed the official NuxtUI migration guide to v3 and changed the tailwindcss versions, but the tailwind classes have no styles at all. Here a relevant part of my nuxt.config ```import tailwindcss from "@tailwindcss/vite" ...

Tailwind classes not applying while using Nuxt UI v3

I'm running into some strange behaviors with Nuxt, using NuxtUI v3. I followed the installation guide on the Nuxt site (including wrapping <NuxtPage> in <UApp>). Using components like <UCard> works and displays, but trying to apply classes like class="font-bold" doesn't do anything. I also tried adding a font in my theme, but trying to apply those doesn't result in anything either. ```ts...

Drizzle / useFetch / cloudflare error on deployment

Hi, When I deploy my app to cloudflare, I get a 500 error when retrieving data from my database on initial load, if I use the refresh method to get the data again it works fine. Locally works fine on page load. This is how I am using drizzle:...

Increase Width of Modal

How can I increase the width of a modal?

Nuxt Image not displaying images

Hey everyone, I am encountering a problem with @nuxt/image not displaying images. I have created a new nuxt project with @nuxt/image module by itself, here is the reproduction: https://stackblitz.com/edit/github-64kdhed8 Also the playground provided by @nuxt/image has the same result: https://stackblitz.com/github/nuxt/image/tree/main/example...

Can't theme components

Hey ! I don't understand how i customize the theme of my app. I wrote a simple app config: ```ts...