vue-formify v0.0.40

Features

📚 Documentation

Read more in the documentation

📦 Install

npm i vue-formify

💻 Usage

<script lang="ts" setup>
import { ref } from 'vue';
import { FormifyForm, FormifyInput } from 'vue-formify';

type SimpleForm = {
	email: string;
}

const form = ref()

const sendForm = (data: SimpleForm) => {
	if(!data.email) {
		return form.setError('email', 'Email required')
	}

	console.log(data);
};
</script>

<template>
	<FormifyForm @submit="sendForm" v-slot="{errors}">
		<FormifyInput name="email" />
		<span class="error">{{ errors.email }}</span>
		<button>Send</button>
	</FormifyForm>
</template>