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?
Make number inputs not required
I have an optional number input for a calendar event ID. If you begin typing in the calendar event ID input, and then delete everything in it and stop, Nuxt UI will complain that the input is required. Even if you set
required = false on the input, Nuxt UI will continue complaining. Is there a way I can make it not complaint and make it understand that the input is totally optional?Update variable on UInput change
How do I make Nuxt UI update a
ref whenever the UInput is changed? I tried using v-model and @input but it doesn't work. I'm showing the current value of the ref in a UCard
Expected behavior:
User types a value into the input...I need help with Design Patterns in Nuxt
Hi, I'm new to Nuxt and have limited programming knowledge. I need help with something. I'm in the process of creating a document for a web app I'm going to build. One section describes the Design Patterns (which would be GoF or GRASP in traditional engineering), but since it's a Nuxt app, I don't know which patterns I'll be using or how to identify them. Can anyone help me with this? Any help would be helpful. Please, if possible, ask someone with a solid understanding of Software Engineering....
disable hamburger menu
I'm using UHeader. how do i disable the hamburger menu in mobile view? there's nothing in it anyway