Vuelidate email

vuelidate-email.vue

<template>
  <input ref="refEmailInput" type="email" v-model="$v.email.$model" />
</template>

<script>
import { ref } from '@vue/composition-api';
import useVuelidate from '@vuelidate/core';

export default {
  setup() {
    const refEmailInput = ref(null);
    const email = ref('');
    
    const $v = useVuelidate(
      {
        email: {
          valid() {
            return refEmailInput.value.validity.valid;
          },
        },
      }, {
        email
      }
    );
    
    return {
      $v,
      refEmailInput,
    }
  }
};
</script>