Nuxt 3 with github login and return this see problem Iam see

Question

Nuxt 3 with github login and return this see problem Iam see db my email adress etc But client this problem ``` Error No instance of Session found Make sure to call the Session init method ```

nkshah2 · Answer

Hi

nkshah2 · Answer

Can I see the code for where you are doing Github login

productdevbook · Answer

`onGithubPressed`

productdevbook · Answer

and callback

sattvikc · Answer

< productdevbook> the plugin needs to be added as a client side plugin

sattvikc · Answer

that can be done by renaming your plugin to supertokens client ts and update nuxt config accordingly

productdevbook · Answer

interested this is problem dont waith callback

productdevbook · Answer

In fact if it waits the result of OK comes from the github login

productdevbook · Answer

``` const response = await ThirdPartyEmailPassword thirdPartySignInAndUp console log response fetchResponse ```

productdevbook · Answer

dont data

productdevbook · Answer

`response status` and same

nkshah2 · Answer

Im not sure what youre trying to say what do you mean by if it waits

productdevbook · Answer

```ts <script lang= ts setup> import ThirdPartyEmailPassword from supertokens web js recipe thirdpartyemailpassword onMounted async => await ThirdPartyEmailPassword thirdPartySignInAndUp then res => console log res catch err => console log err < script> ``` console log empty

nkshah2 · Answer

` then` does not work with async await you can either use async await or ` then`

nkshah2 · Answer

Not both

nkshah2 · Answer

``` onMounted async => const response = await ThirdPartyEmailPassword thirdPartySignInAndUp console log response ```

productdevbook · Answer

empty

productdevbook · Answer

dont return data

nkshah2 · Answer

Whats the code you are using

nkshah2 · Answer

The full code

productdevbook · Answer

```ts <script lang= ts setup> import ThirdPartyEmailPassword from supertokens web js recipe thirdpartyemailpassword onMounted async => const response = await ThirdPartyEmailPassword thirdPartySignInAndUp console log response < script> ``` auth callback provider vue

nkshah2 · Answer

And it logs an empty object

productdevbook · Answer

nothing is coming not even network requests

nkshah2 · Answer

Can you check if you see any error or warnings in your console

nkshah2 · Answer

Browser console that is

nkshah2 · Answer

Also try what < sattvikc> suggested and make it a client side plugin

productdevbook · Answer

yes empty all

nkshah2 · Answer

Try this

productdevbook · Answer

it s already like this right now

sattvikc · Answer

could you log something before the thirdparty SignInUp to see if that hook is being called

nkshah2 · Answer

he means log something before `const response = await ThirdPartyEmailPassword thirdPartySignInAndUp ` this line

productdevbook · Answer

```ts onMounted async => console log mounted const response = await ThirdPartyEmailPassword thirdPartySignInAndUp console log response ```

nkshah2 · Answer

And nothing shows up in the network tab either

nkshah2 · Answer

``` try const response = await ThirdPartyEmailPassword thirdPartySignInAndUp console log response catch e console log e ``` Try changing it to this and see if it logs anything

nkshah2 · Answer

Can you log something in the plugin you created where you call supertokens init

nkshah2 · Answer

See if that logs before this

productdevbook · Answer

thank you change setting plugin now working

nkshah2 · Answer

Alright happy to help

productdevbook · Answer

```ts import SuperTokens from supertokens web js import Session from supertokens web js recipe session import ThirdPartyEmailPassword from supertokens web js recipe thirdpartyemailpassword export default defineNuxtPlugin nuxtApp => nuxtApp hook app mounted => SuperTokens init appInfo apiDomain http localhost 3001 apiBasePath auth appName aaa recipeList Session init ThirdPartyEmailPassword init ``` page finish > `app mounted`

nkshah2 · Answer

Ah right glad you got it to work

productdevbook · Answer

I will try to write to the library npm and publish for nuxt 3

productdevbook · Answer

So more users come here and we all improve I love open source

productdevbook · Answer

```ts async function callAPI const response = await fetch `$ apiDomain sessioninfo` if response status === 401 this means that the session has expired and the user needs to relogin window location assign auth return const json = await response json window alert `Session Information n$ JSON stringify json null 2 ` ``` your vue github add but empty data

productdevbook · Answer

sessioninfo url change

nkshah2 · Answer

session info is not an official API that we expose its just part of the example apps

nkshah2 · Answer

You can refer to the FDI for all the APIs that we provide https supertokens com docs fdi