Cadastro

Formulário completo de cadastro com validação de campos e senha.

Props:

fallbackRedirectUrl (string, padrão: "/") - URL para redirecionar após cadastro bem-sucedido

initialValues (object, opcional) - Valores iniciais para preencher os campos do formulário

first_name (string) - Primeiro nome

last_name (string) - Sobrenome

email_address (string) - Email

password (string) - Senha

confirm_password (string) - Confirmação de senha

signInUrl (string, opcional) - URL para redirecionar quando o usuário clicar em "Faça login". Se não fornecido, emite evento sign-in

Eventos:

completed - Emitido quando o cadastro é concluído com sucesso

sign-in - Emitido quando o usuário clica em "Faça login" e não há signInUrl definido

Exemplos:

<template>
  <SignUp
    fallbackRedirectUrl="/dashboard"
    :initialValues="{ first_name: 'João', email_address: 'joao@exemplo.com' }"
    signInUrl="/login"
  />
</template>

<script setup>
import { SignUp } from '@autenticar-me/vue'
</script>

<template>
  <SignUp
    @completed="handleSignUpCompleted"
    @sign-in="showSignInModal"
  />
</template>

<script setup>
import { SignUp } from '@autenticar-me/vue'

const handleSignUpCompleted = () => {
  console.log('Cadastro realizado com sucesso!')
}

const showSignInModal = () => {
  console.log('Usuário quer fazer login')
}
</script>

Botão que abre um modal de cadastro quando clicado. Só é exibido se o registro estiver habilitado nas configurações.

Props:

fallbackRedirectUrl (string, padrão: "/") - URL para redirecionar após cadastro bem-sucedido no modal

signInUrl (string, opcional) - URL para redirecionar quando o usuário clicar em "Faça login" dentro do modal. Se não fornecido, alterna para o formulário de login dentro do modal

Exemplo:

<template>
  <SignUpButton
    fallbackRedirectUrl="/dashboard"
    signInUrl="/login"
  />
</template>

<script setup>
import { SignUpButton } from '@autenticar-me/vue'
</script>

SignUp - Formulário de cadastro#

SignUpButton - Modal de cadastro#

SignUp - Formulário de cadastro

SignUpButton - Modal de cadastro