self is not defined in Nuxt 3 project

[stefusilviu]

I'm tryng to integrate the package in a Nuxt 3 app via plugins. Unfortunately I get this error:

[nuxt] [request error] [unhandled] [500] self is not defined     

Can you do an example of Nuxt 3 implementation? Thanks you.

[diadal]

try if this will help

https://github.com/diadal/universal-social-auth-test-nuxt

[stefusilviu]

I already saw that repository and I tried the Nuxt 3 specific approach for plugins, but without success.

[NenoPetkov]

Just make the Nuxt 3 plugin to render on the "client" side like this: universal-social-auth.client.ts

there you can use import { UniversalSocialauth, Providers } from "universal-social-auth"; without problems

And you can export the providers as well and use them in the component later

return {
    provide: {
      Oauth: Oauth,
      OauthProviders: (provider) => Providers[provider],
    },
 };