Registration Form

import Register from "mela-store";

Example:

First Name

Last Name

Email

Phone

Password

show

Already registered? Login

<register 
  ref='melastoreRegister'
  @register='register'
  @show-login-form='showLoginForm'
/>

Validation

The current validations in place check to ensure that:

1. All fields are required
2. A valid email is used
3. The password is at least 6 characters

Adding custom errors/validations can be done using the following in the register event:

this.$refs.melastoreRegister.setFirstNameError(error)

this.$refs.melastoreRegister.setLastNameError(error)

this.$refs.melastoreRegister.setPhoneError(error)

this.$refs.melastoreRegister.setEmailError(error)

this.$refs.melastoreRegister.setPasswordError(error)

Props

Name	Type	Default	Description
classes	string	""	Additional classes

Events

Name	Arguments	Description
register	user - user object	Registers new user
show-login-form	-	Switches view to login form