Vue.js 2 Design Patterns and Best Practices

Password validation

When creating user accounts, passwords tend to be entered twice and conform to a minimum length. Let's add another field and some more validation rules to enforce this:

import { required, email, minLength, sameAs } from 'vuelidate/lib/validators';export default { // Omitted  data() {    return {      email: '',      password: '',      repeatPassword: '',      firstName: '',      lastName: '',    };  },  validations: {    email: {      required,      email,    },    firstName: {      required,    },    lastName: {      required,    },    password: {      required,      minLength: minLength(6),    },    repeatPassword: {      required,      minLength: minLength(6),      sameAsPassword: sameAs('password'),    },  },}

We've done the following:

1. Added the repeatPassword field to our data object so that it can hold the repeated password ...