@vue-formify/yup
TypeScript icon, indicating that this package has built-in type declarations

0.0.30 • Public • Published

VueFormify Yup schema validator integration

📦 Install

npm i @vue-formify/yup

💻 Usage

<script lang="ts" setup>
import { schemaFromYup } from '@vue-formify/yup';
import { object, string } from 'yup'

const schema = schemaFromYup(
	object({
		first_name: string().required(),
		last_name: string().required(),
	})
)

const sendForm = (data) => {
	console.log('data', data);
};

</script>

<template>
	<FormifyForm @submit="sendForm" :validation-schema="schema">
		<FormifyInput name="first_name" />
		<FormifyInput name="last_name" />
		<button>Send</button>
	</FormifyForm>
</template>

Package Sidebar

Install

npm i @vue-formify/yup

Weekly Downloads

2

Version

0.0.30

License

MIT

Unpacked Size

3.29 kB

Total Files

5

Last publish

Collaborators

  • mateenagy