Getting a 403 error

[D-Lite]

Following the setup for the Nuxt3, I consistently ran into this error
[GSI_LOGGER]: The given client ID is not found.

A deep dive into the network tab showed the client_id is returning undefined as part of the headers sent.

My assumption is that, the blocker is coming from this line in the nuxt.config.ts
googleSignIn: { clientId: 'CLIENT ID OBTAINED FROM GOOGLE API CONSOLE', }

@kasvith

[kasvith]

Hi @D-Lite

can you show me the nuxt.config

[D-Lite]

@kasvith

[kasvith]

thanks, i will create a fix

[D-Lite]

Great,
Thanks (battled with this since yesterday before thinking of discussing here)

[kasvith]

I made a new release, please try it

[D-Lite]

Ok, will do so

[kasvith]

Can you confirm about the fix :)

[D-Lite]

Same error

[kasvith]

can you give me a reproducible example? maybe in stackbliz or codesandbox?

[kasvith]

https://github.com/kasvith/nuxt-vue3-google-signin-example I ve created an example. this seems working fine.

Are you sure that client ID is working fine?

[kasvith]

You should use env variable like this, with NUXT_PUBLIC prefix i guess

process.env.NUXT_PUBLIC_GOOGLE_CLIENT_ID

[D-Lite]

Great, working well now!

Thank you for the quick fix

[D-Lite]

Incase you're open to contributors, will love to contribute for future issues

Cheers

[kasvith]

We would love to have contributors

[D-Lite]

Great stuff, will be open to meeting and having an overview