Email-Validator that requires SLD for vue-form

email-sld-regex.js

const emailRegex = /^[a-z0-9!#$%&'*+\/=?^_`{|}~.-]+@([a-z0-9][a-z0-9-]*)*[a-z0-9]\.[a-z0-9]([a-z0-9-]*[a-z0-9])?(\.[a-z0-9]([a-z0-9-]*[a-z0-9])?)*$/i;

// SLD = second layer domain
const emailWithSld = function (value, attrValue, vnode) {
  return emailRegex.test(value);
};

export const customValidators = {
  emailWithSld
};

html-in-vue-component.html

<validate>
  <input v-model="something" name="something" email-sld />
  <!--
    slot name inside field-messages would be: <div slot="email-sld">...</div>
  -->
</validate>

my-vue-app.js

import { customValidators } from './path/to/email-sld-regex'

const options = {
  validators: {
    'email-sld': customValidators.emailWithSld
  }
}

Vue.use(VueForm, options);

Thanks for the extra explanation. I believe there's a typo in the email-sld-regex.js chunk: it should be

return emailRegex.test(value)

otherwise works great, thanks again