Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Nuxt UI Radio Group Variants not displaying as shown in docs.

This is my first time using Nuxt UI. I took the sandbox project and replaced the buttons with a URadioGroup. I've tried to use the card and table variants but the radio group looks the same as the list/default variant. Is there something else I need to do? https://codesandbox.io/p/devbox/beautiful-euclid-lnm3mm?file=%2Fapp%2Fpages%2Findex.vue%3A7%2C1...

Client-side navigation still returns useFetch cache even though the cache has been cleared

I have a Nuxt 3 application with some API endpoints being cached with the defineCachedEventHandler() method. If I remove one of the caches with storage.removeItem(key); and refresh the page the new data is returned fine. But if I navigate client-side to another page and then navigate back to the page with the cached data, the old cache is returned. How do I avoid this? I have tried the following solutions: 1. Setting cache option on useFetch to "no-store" and "no-cache...

Monorepo using Nuxt/UI and TS ( + Vite)

I've suddenly gotten this error while building and I have no idea why this file gets compiled without TS. The source file has this, but it gets removed somehow? I'm noticing I'm lacking the knowledge to fix this and I figure it can't be an issue of Nuxt/UI since I've seen no reports about this. https://github.com/nuxt/ui/blame/v2.21.1/src/runtime/components/data/Table.vue ...

[unimport] failed to find "LazyIcon" imported from "#components"

Hello ! I'm having an issue when running tests on my Nuxt module. I’ve registered the @nuxt/icon module, but when I run my tests (with vitest), I get the following error: ```bash Error: [unimport] failed to find "LazyIcon" imported from "#components" Plugin: nuxt:components:imports...

What is the difference between renderSuspended and mountSuspended ?

what's the difference between renderSuspended and mountSuspended I can't figure it out ?

Hide secret token in plugin install options

How do I properly hide a secret token used in plugin options?

Validation of Form File Inputs (ui3)

How can I use the validation for a input[type=file]? The state only returns the following:
No description

Question about how to use getCachedData properly (server-side)

Hey everyone, I recently saw "Nuxt 3.8 - Client-side caching with getCachedData ✨" by Alexander Lichter https://www.youtube.com/watch?v=aQPR0xn-MMk I have three questions about it, couldn't find in the docs....

Self Hosted ISR

Hey is there a way to use ISR without using vercel or netlify like mentioned in the docs?

Optimize Netlify deployment for Nuxt 3 + Nitro? (Serverless limits exceeded)

Hey, I just posted on Reddit about this, but maybe someone in here has any thoughts on this problem. I'm running a Nuxt 3 website deployed on Netlify using the Nitro server (built with pnpm run build). My current route rules are: ```js {...

How to run the Nuxt UI 3 playground?

I wanted to play with the Nuxt UI 3 playground, so I ran: ``` git clone https://github.com/nuxt/ui.git nuxt-ui-3 cd nuxt-ui-3 ...

Async Data Caching

I have a question for y'all. What's the expected behavior of the following? useAsyncData(key, async () => { ... }, { immediate: false, watch: [trigger],...

Hot reload refresh issue, any idea what is causing this?

I am still new to Nuxt, but I followed this guide for initial setup: https://www.youtube.com/watch?v=r3zxLMoPBAI /nuxt.config.js file: `import tailwindcss from '@tailwindcss/vite';...

How to format query?

In $fetch('/something', { query: {regions: [1,2,3] } }); so call to the server should be http://localhost:3000/something?regions[0]=1&regions[1]=2&regions[2]=3

Build fail

So I did some changes in my code (added elements, json data, css and nuxt icons) and somehow my app wont build anymore. Also I dont get why. Someone understands this or can read where the error is? Heres the errors I get:...

Performance problem

Hello everyone! I have created two similar-looking web apps with clear vue.js and nuxt.js. The problem is poor performance on mobile with nuxt.js app which actually have much less content on it. I'm starting with nuxt and I'm a lil bit confused right now. Maybe it's vercel issue? Please check it and lemme know why it works like that. ...
No description

IPX causing issues

Hello I have an image 428x200, its used as a logo on the site. for testing I have set the sizes="210px" however the images generated by ipx aren't returning the proper icon. instead it returns the "missing image" icon...

Nuxt Icon causing CSP errors

Heya, I have a pretty strict CSP but I am getting style-src errors caused by Nuxt Icon:
Refused to apply inline style because it violates the following Content Security Policy directive: "style-src 'self' 'nonce-GJ94fPFA2BCkEPaySFjRiT7z'". Either the 'unsafe-inline' keyword, a hash ('sha256-dPYPS1TMcPZggmgjSOaAH5OtT/S4bQBvI0YO4LbXBp8='), or a nonce ('nonce-...') is required to enable inline execution.
Refused to apply inline style because it violates the following Content Security Policy directive: "style-src 'self' 'nonce-GJ94fPFA2BCkEPaySFjRiT7z'". Either the 'unsafe-inline' keyword, a hash ('sha256-dPYPS1TMcPZggmgjSOaAH5OtT/S4bQBvI0YO4LbXBp8='), or a nonce ('nonce-...') is required to enable inline execution.
Looking at the causing code its caused by a component called "NuxtIconCss" which has a function to append something to the document head...

Cache Policy

Heya, I am trying to set a proper cache policy for images in /public (and images generated by the nuxtimg sizes tag) and stuff in _nuxt, how would I do that?

cannot import 'useApollo' composable from another composable

in my nuxt app, i decided to use @nuxtjs/apollo as the apollo client because it sets up things for me. to make usage of it more conveneint, i made a composable useGlobalApollo which exposes the default client. ```ts // composables/useGlobalApollo.ts export const useGlobalApollo = () => {...
Next