random no response errors on usefetch.
hello i have people reporting some issues with problems submitting a form in my project (using useFetch but named differently). the error that happens in the try catch is
<no response> Failed to fetch but the connection is OK and server is online. as the error logging also goes in a usefetch post and arrives to the backend fine? when people open a new window in their browser the issue is no longer there. so its very random. how could i diagnose this as i cannot reproduce it on my system? it also is not as descriptive as i would like making diagnosing the issue way harder. anyone with any advice on fixing such issues?
it happens on the following post request:
```...vitest not working with imports form '#app'
I use vitest for tests and I want to still use '#app' imports like: import { useRuntimeConfig, useRoute, createError, useRequestURL, useFetch } from '#app'
Unfortunately I get this error when running tests
FAIL tests/composables/useCraftQuery.test.ts [ tests/composables/useCraftQuery.test.ts ]...
Nuxt2 displays wrong meta tags when the page is deleted
Hi everyone!
Nuxt2 returns the meta data of the last searched for page when I try to send a page that was deleted, the behaviour is very weird and I have been debugging it all day but with no hope
I have two main components one is the welcome component and this component does the fetching as in here...
Nuxt UI 3 Dynamic Icons
I am in the process of migrating my project to Nuxt 3 and an issue I am having is with a dynamic icon feature I had in a form.
Previsouly I had it setup the following way:
```
const displayIcon = computed(() => {...
Supabase server side login setup
Hi, I saw a lot of examples for using the supabase nuxt sdk client side but I want to handle user registration server side and I'm wondering if there are some good resources to watch or read through for setting that up properly?
Apollo | graphql | proxy
Backend runs on Sprapi on pm2. Frontend is Nuxt on pm2. Installed Apollo Graphql server to get data from backend.
I wanted to proxy
localhost:3000/graphql to localhost:1337/graphql.
How to correctly proxy, so user will not see backend. User must see that graphql request is going to localhost:3000/graphql, but in reality these request should proxy to localhost:1337/graphql
```js...link checker exclude links
https://nuxtseo.com/docs/link-checker/guides/exclude-links
How do I ignore query params too?
currently I have:...
Outsource table columns with complex logic
Hi, thanks for the great new Nuxt UI 3.1 verison.
If I import columns (with complex logic like sorting in the header) from a composable and pass it then from this intermediate file to the UTable: Then table header stays blank. Looks like something went wrong.
But if I directly pass it to the UTable in the same file everything works fine. Looks like serving/exporting the columns from a file causes a problem....
Hello everyone! I need some help. My "ui-pro" repository was restricted due to not enabling 2FA.
Hello everyone! I need some help. My "ui-pro" repository was restricted due to not enabling 2FA. I've now enabled 2FA and activated the license, but I still can't access the repository. How can I resolve this？
You were removed from the Nuxt organization because you don’t meet its two-factor authentication requirements. Review your two-factor authentication settings.
https://github.com/nuxt/ui-pro...
Multiple file uploads
Hello all, I am struggling with the file upload to the python-backed webserver. I did not find any answers to the problem at hand with Nuxt, so I am asking here. I have taken the inspiration from the documentation, alas it doesn't work as intended.
The problem is that the server receives the request with the form data containing only the file name but not the file contents (responds with HTTP 422). I am kinda struggling to pass around the file contents from the
FormSubmitEvent to the API call.
Help would be appreciated....Layered Nuxt apps: How to remove routeRules defined in a base layer from an extending layer?
Okay, I'm working with layered Nuxt applications. I have
app1 which is the base layer, and app2 which extends app1. In app1, I've configured several routeRules in the nuxt.config.ts. Now, in app2, I want to effectively remove or override some of the routeRules that were set in app1. How can I achieve this?
For example, if app1 has a routeRules entry like this:
```typescript...When using useFetch with a watcher is it possible to keep data until the new query has a response?
I'm using the new 3.7 logic for fetching:
```js
import { stringify } from 'qs-esm';
export const usePayloadFetch = (endpoint: string, query: any = {}) => {...
Pinia data fetching? and when to use clientonly
so I have a nuxt application that uses a pinia action to load some data from an API. is this an okay way to do it? the data needs to be available in several routes. also, I'm wondering how folks decide if a route should wait for this data or if it should use clientonly and suspense manually? essentially I want the data fetched once the user navigates to (or is redirected to from the oauth sign in page) the dash route and then for that same data to be available for all sub-routes of /dash
Nuxt cors error when api is request from another host
the api works within the nuxt application
below is my nuxt.config.ts
```
// https://nuxt.com/docs/api/configuration/nuxt-config...
Error 500: Couldn't resolve component 'default' at '/'
Hi, some of my users are experiencing this issue where my site doesn't load correctly (precisely the homepage). I recently moved the site from Vue to Nuxt successfully but now feels like maybe something I pushed live did this (it was a simple text change). It worked fine before and the site works completely fine for me but some users are getting the error. I can't even reproduce it locally.
reading a bit, seems to be an issue with cache. I tried 'purge' on cloudflare pages, adding window.location.reload(true) in the code to try and get a reload but no results. what can i do?...
Typecheck errors from extended app
I have main app which include:
No I import it in my repositories
When I run npx nuxi typecheck everything is okey....
/app/repository/base.repo.ts <- fetchGet, fetchPost etc
/app/repository/base.repo.ts <- fetchGet, fetchPost etc
import BaseRepo from "~/repository/base.repo";
import BaseRepo from "~/repository/base.repo";
Double View Transition in Safari
View transitions landed in Safari 18. However, the default swipe animation for back/forward navigation cannot be disabled.
This causes a double animation.
There is a proof of concept here: https://jch.github.io/turbo-cancel-view-transition/...
Nuxt + Cloudflare Pages + Cloudflare Environments + Wrangler.json
Hi,
I'm having issue with deploying to cloudflare pages. How can I specify which environment I use from wrangler.json?
My wrangler json...
Turning off dark mode in Nuxt 3.16 with Nuxt 4 compatibility mode + Nuxt ui 3
I'm trying to force the light mode to Nuxt UI 3 in a Nuxt 4 compatible project (3.16).
I put this in my nuxt.config.ts:
```js...
How do I set a default provider when using the nuxt image module?
I don't want to have to set Cloudflare as the provider each time I use nuxt image. Can't I set a different provider as default other than the ipx?