Vue Composition API for validating form
vue-hooks-form
Inspired by react-hook-form, if you love react-hook-form usage, come on and try it!
Features
- Type Strong: Written in TypeScript
- No Component: No need to import any components to use, you can use it in all UI framework
- Easy to use: Just 2 main hooks: useForm, useFieldArray
<script setup lang="ts">
import { useForm } from '@vue-hooks-form/core'
interface Inputs {
username: string
}
const {
register,
formState: { errors },
handleSubmit,
} = useForm<Inputs>()
</script>
<template>
errors: {{ errors }}
<form @submit.prevent="handleSubmit()()">
<input
:="register('username', {
required: 'username field cannot be empty!'
})"
>
<button type="submit">
submit
</button>
</form>
</template>