Nuxt UI Pro : Custom component Maximum recursive updates exceeded
Hello
I created a CommonsSelectMenu component that uses USelectMenu to avoid repeating code, but when I use it I get the error "Maximum recursive updates exceeded.", the error message is displayed locally but in production it freezes my app when I click on it.
This is the content of my component :...
How to invalidate on-demand builder cache on netlify with nuxt/graphql
Hi everyone
I have the following situation: I have a CMS from which I use graphql to fetch data on a page basis to display it in a nuxt3 frontend.
Since netlify is now able to generate the page on the server with on-demand builders, we don't want to statically generate the site anymore....
Broken CSS Nuxt 2 + Vuetify
Hi everyone,
on a work project i am struggling with a bug on which i can not wrap my head around. Simingly randomly (1/10 times) after the login into my application all the css of the application is not applied anymore. The only way to resolve the issue is to reload the page and the css is correctly shown. You can see the problem on the video i attached to the thread
Looking on the console / network / or the nuxt console i see no error. I already tried googling and searching online but can't find anything meaningful. I am certain that at the start of the project while developing it never happened, it basically started one or 2 months ago but i can't explain what is causing it.
Currently i am using
- nuxt 2...
Cannot deploy on Cloudflare - global is not defined
Hey guys, I have this error while deploying my Nuxt3 app on Cloudflare Pages
12:33:11.829 ✨ Compiled Worker successfully
12:33:11.996 Found _routes.json in output directory. Uploading.
12:33:12.007 Validating asset output directory...
I am not able to submit my form for some reason
As the title says, I can't submit my form. No error is shown in the console but nothing happens.
here is my form:
```vue
<UForm :schema="objectiveFormSchema" :state="formData" @submit="onSubmit" class="w-full flex flex-col gap-4">...
How can I change my formgroup so it looks similar as seen on the picture?
This is the FormGroup code:
...
<UFormGroup required class="p-4 border-b" label="Title" description="Enter Article Title">
<UInput placeholder="Enter Article Title" size="md" v-model="formData.title" class="w-full"/>
</UFormGroup>
<UFormGroup required class="p-4 border-b" label="Title" description="Enter Article Title">
<UInput placeholder="Enter Article Title" size="md" v-model="formData.title" class="w-full"/>
</UFormGroup>
Unable to restrict /es/admin path
I am using i18n Nuxt extension.
This is my code:
```ts
// https://nuxt.com/docs/api/configuration/nuxt-config...
Docker nuxt $fetch and useFetch
Hi, why do i have to use different http links for each one?
My app have back api in different container so request is sended in
$fetch to api.localhost or container name php in useFetch. Why is that? I understand that useFetch is prerender data on ssr but can I make one address for request to not get confused over time. Thanks...Nuxt 4 - compability version (node:81791) Warning: To load an ES module, set "type": "module" in...
```{
"name": "studio",
"type": "module",
"version": "1.0.0",
"private": true,...
Has anyone played around with "nuxt-auth-sanctum"? I have some issues.
Link to module: https://manchenkoff.gitbook.io/nuxt-auth-sanctum
So where is my issue? I've managed to setup everything on Laravel 11 as for sanctum, but my issue is that my Nuxt app sends the GET /api/user request without the Application/json header.
My question is, does anyone know how I can solve this? OR how else would you setup authentication with laravel 11 nowadays?...
Is there any option to modify crossorigin attribute for built JS static files?
We are trying to pass cookies to static js files generated by nuxt. Because its script type module, only crossorigin="use-credentials" will allow this.
how to fix network error in homepage after we changed the code and make the build
how to fix network error in homepage after we changed the code and make the build with npm start build , later that dist folder extracted into the hosting and the whole website now dont works, it gives that error
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://127.0.0.1:8000/api/v1/common. (Reason: CORS request did not succeed). Status code: (null)....
Cookie on ssr
I have a composable which reads cookies to get some values and do api calls when it runs on server it's unable to get cookies ( use cookie) doesn't work
CSS class nomenclature for components and pages
What's the recommended way to structure root element class names in Nuxt 3 components and pages with SCSS? For example, should ProductCard.vue use .product-card and products.vue use .products-page as their root classes?
Reactivity with UseFetch
Hi i have a custom useFetch composable for fetching my data from an external API. In
/location page, when the user arrive, a first fetch is made with filterOptions (a reactive object that can have empty string at start), this page has a Filter component that content filters of the page and update filterOptions object according to user preferences.
I want to remove empty key in filterOptions when the request is been made without loosing reactivity(refetch when some of filterOptions change).
I stuck on it. That's my files.
```ts...Nuxt-3 429 (Too Many Requests) error
I have a Nuxt 3 project that frequently encounters a 429 (Too Many Requests) error on the server. Has anyone else experienced this issue?
ERROR [worker reload] [worker init] Z:/src/MyProject/.nuxt/dev/index.mjs failed
Seemingly out of nowhere I started seeing this problem on startup. I turned on debug but didnt see anything useful. Is there any way to get any more information on what its stumbling over?
api routes and vercel deployement
why arent my api routes working when i deploy on vercel but work in dev why arent my api routes working when i deploy on vercel but work in dev
html from api
Hello,
I need to load an HTML from the API and display it directly.
I now have a kind of solution, but it does not work properly because this API does not require authentication.
What is the best way to do this?
...
...