Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

UI v3 toaster position settings in app.config.ts

How to set default position in app.config.ts Is this right way? ```ts export default defineAppConfig({ toaster: { position: "top-right", duration: 0 },...

Layout with chat on the right side that can be closed with main content filling remaining space

Hello, I'm new to nuxt and nuxt ui pro so I've been trying to make a layout which has a chat on the right side of the screen that can be opened or closed. such that the navbar is on top with the chat below it stuck to the side of the screen. and where the main content grows to fill the space when the chat is closed. I tried to use dashboard sidebar and also tried dashboard panel but I must be doing it wrong as it wouldn't come out right. almost like this template example just with a navbar at the top too. https://chat-template.nuxt.dev/chat/73f3f17e-8484-4312-953a-0ca615a14502 '''<template> <div> <AppHeader /> <NuxtLoadingIndicator/> ...

Test SWR locally

reading the docs and i think swr is a good solution for me, but how can i confirm its working? i feel like my pages aren't loading as fast as i would expect. how/where do i check on the server if the pages have been rendered and stored is there a way to test this locally? with nuxt dev i don't see anything in the .nuxt/ folder...

Extremely low fps at page refresh / start

hey guys 👋 so i am working on my nuxt project, and i've been noticing that opening the page is extremely slow. so when i start the server, let it take its time and etc... then open the page on the browser, the fps starts out very low it starts at around 20 and then it keeps slowly going up over the next, approximately, 7 seconds to finally reach and stabilize at around ~160 ish. this also happens every time i refresh the page am wondering if i am doing something wrong for it to "cold start" like that, i really need guidance and advice here, thank you so much...

Fake Ref

Hey, I have code like this: ```javascript watch(tableStatus, (newStatus) => { if (newStatus === "success") { MAP_COLUMNS = tableData.value.columns...
No description

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" ...