Auth-module: signUpWith() -> open default signUp flow in Auth0

[birdlavv]

What problem does this feature solve?

Currently loginWith('auth0') opens up the default login flow. This works well with "Login" buttons, but there is currently no option to trigger the "Sign Up" flow that Auth0 provides.
While there aren't much docs to go on,
https://auth0.com/docs/libraries/lock/v10/configuration#initialscreen-string-
there are a few discussions:
https://community.auth0.com/t/hosted-pages-link-to-signup-or-login-as-intial-screen/7845/3
https://community.auth0.com/t/how-to-open-login-signup-on-the-universal-login-hosted-page/12642/2

What does the proposed changes look like?

perhaps something like:
GET https://YOUR_AUTH0_DOMAIN/authorize? response_type=code|token& client_id=YOUR_CLIENT_ID& connection=CONNECTION& redirect_uri=https://YOUR_APP/callback& state=STATE &mode=signUp

The &mode=signUp would be a custom param & would be passed to initialScreen: config.extraParams.mode in the lock. This would require a small explanation in the docs, describing how to add the custom param line to the lock template in the Auth0 UI

_{This feature request is available on Nuxt community (#c190)}

[reinoldus]

Are there any news regarding this issue? Is there an alternative way to achieve this?

[codeofsumit]

Is there a workaround for this? I want Sign Up buttons to show the signup form of course

[pi0]

UNTESTED

I think you can do this:

$auth.loginWith('auth0', { params: { mode: 'signup' } })

[codeofsumit]

Doesn't work for me 😞

[pi0]

Hi again. I did a little more research on the auth0 login experience. As explained in Login with Auth0 there are two different experiences Universal and Classic which you have to switch to new one if want directly going to signup page:

After upgrading to Universal Experience, we have to provide two params in order to always show signup page to users:

$auth.loginWith('auth0', {  params: {  screen_hint: 'signup', prompt: 'login' } })

[codeofsumit]

Awesoooome ❤️ 😍 it works!!! 🎉

[voraczech]

Another solution which works for me (and the previous one did not):

$auth.loginWith("auth0", {
  params: {
    mode: "signup",
    prompt: "login",
    /* another params */
  }
}