Skip to content

Getting started

Installation

Install the package with a package manager you like:

sh
bun i vue-formify
sh
npm i vue-formify
sh
pnpm i vue-formify
sh
yarn i vue-formify

Create your first form

vue
<script lang="ts" setup>
import { useForm } from 'vue-formify';

type UserData = {
	first_name: string;
	last_name: string;
}

const { Form, Field, handleSubmit } = useForm<UserData>();

const submit = handleSubmit((data) => console.log(data));

</script>
<template>
	<Form @submit="submit">
		<Field name="first_name" />
		<Field name="last_name" />
		<button>Send</button>
	</Form>
</template>