import { useForm } from "@hookform/vue";

export default {
  setup() {
    return useForm();
  },
  onSubmit(data) {
    console.log(data);
  },
  render() {
    return (
      <form onSubmit={this.handleSubmit(this.onSubmit)}>
        <input ref={this.register({ required: true })} name="firstName" />
        {this.errors.firstName && "This is required."}

        <input ref={this.register({ required: true })} name="lastName" />
        {this.errors.lastName && "This is required."}

        <input type="submit" />
      </form>
    );
  }
};