Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

In Nuxt 4, is it possible to handle fallback during SSR like in Next.js?

It seems that the Vue Suspense component does not support SSR, so fallback rendering works only on the client side. In Nuxt 4, when using useFetch(), it waits for the response to complete before returning the fully rendered HTML… Is there any way to handle this differently?

Nuxt UI responsive defaultVariants

Hi! Is there a supported way to change Nuxt UI’s defaultVariants (e.g., set size="xl" on mobile but size="lg" on desktop) based on breakpoints? I know I can override defaultVariants globally in app.config.ts, but that applies everywhere. Does anyone have an example on making those defaults responsive without manually passing size on every component. Thanks!

how to change cursor on all clickable elements

Hello, I dont like how nuxt ui has normal cursor on clickable elements like fo example buttons, I wish to set cursor: pointer; to every clickable element. How can I do it? Thank you.

How can I design the tooltip component

How can I set the background and text color of tooltip component?

How to disable file names minification during build

After build, the js files under dist folder gets a minified js name, is there any way to prevent this from happening ? (for debug purposes only)
No description

Can't see the unpublished components in the Nuxt UI

There is a list of unpublished components in the Nuxt UI in the Figma Design but I can't find it anywhere. Does anyone know where it can be enabled or found or if I need it at all?

useFetch triggered twice and the first request is being cancelled.

I created a custom useFetch and passed a reactive query, however the request is being called twice. Here is my current implementation: const get = (options?: OrderDeliveryOptions<ApiResult<OrderDelivery[]>>) => {...

Can't run project anymore

Hello everyone. I've cloned a project locally, but I cannot start it anymore. I did not change the package.json or the pnpm-lock. I get the following error:
...

Netlify issue deployed site

I have a problem with the site that generates everything except the api, I try locally and it works normal, here the source code https://github.com/wolfstar-project/wolfstar.rocks/tree/refactor/imagine-an-app

netlify rate limiting

Hi! I'm trying to set up netlify rate limiting in my nust app. Does anybody know where I should export the config object from? ``` export const config = {...

With Nuxt 4 + Layers + Rolldown Vite, sometimes auto-imported component does not exists

Only happened in some layers, where using components via auto-import in other layers doesnt work on first page load (navigation will fail, first page load would fail). But when I save the file, the component would work as expected. I dont know how to repro this as it has weird behaviors...

Is it possible to use / experiment with the UInputDate comp?

in the nuxt/ui module it shows a "UInputDate" component coming soon, is there a way i can access it? maybe an experimental download of the nuxt version that'll ship with? if so then how / where would i download it from

Nuxt 4 server memory leaking?

I have just started the process of deploying my Nuxt 4 server onto an existing group of 6 servers. I have basically zero traffic (other than Cloudflare health checks) as I have production still using Cloudflare Pages, but I was looking at memory usage and all 6 servers are slowly growing in memory and then eventually crashing. What's the best path to troubleshooting this? I worry its going to be start removing modules until it doesn't do this anymore.
No description

Calling server utilities in SFCs during SSR

Hi, I am trying to use import.meta.server to execute some server code in SFCs during SSR, like this: ```html <script setup> import { foo } from '~~/server/path/to/foo' import { bar } from '#imports'...

Silent queryCollection

How to check if a collection exist without seeing exception on the console? The try/catch doesn't silence the error when the collection does not exist

NuxtUI unotification has been removed, how to apply blanked i18n translation to the component?

``` <UNotificationList> <template #title="{ title }"> {{ $t(title) }}...

NuxUI DropdownMenu link not navigating page

I am trying to use NuxtUi dropdwn menu with these items ``` const items = [ [ {...

Update HMR

Using Nuxt Content v3.8.1, when I update a any markdown file within a directory of content, example: content/services it doesn't update in the browser until I restart my local server. BTW, not prefetching and routes using Nitro.

Neovim autocompletion help

I don't know if this is the right discord to ask in but ive been trying to fix this for the past 3 hours so here i go. I setup a nuxt project but i just can't get my autocompletion to work. I'm using LazyVim with this plugin configuration: https://pastebin.com/dqKE8dV8 But whenever I open a vue file with nvim i\m getting this error: Could not find 'ts_ls', 'vtsls', or 'typescript-tools' lsp client required by 'vue_ls'. I've tried doing MasonInstall vue-language-server vtsls but it doesnt fix it. ...

I am running into an issue with environment variables in my Nuxt 3 app deployed on Azure App Service

I have added this variable in azure configuration NUXT_PUBLIC_APPINSIGHT_CONNECTION_STRING = ".....VALUE" In my nuxt.config.ts i am referencing it like this...