Snippet to capture laravel's 422 error

422.js

axios.post('/login', {
    email: self.email,
    password: self.password
})
    .then(response => {
          // successful login
    }, error => {
        const responseData = error.response.data;
        const firstErrorKey = Object.keys(responseData.errors);

        // console.log('firstErrorKey: ', firstErrorKey);
        // console.log('firstErrorResponse: ', responseData.errors[firstErrorKey][0]);

        self.loginError = true;
            if (error.response.status === 422) {
                self.error = responseData.errors[firstErrorKey][0] || 'User / Password does not match our record';
            } else {
                self.error = 'An un-expected error occurred please try again later';
            }
    });