@vue-formify/valibot
v1.1.4
Published
Valibot schema integration for vue-formify
Downloads
23
Maintainers
Readme
📦 Install
npm i @vue-formify/valibot
💻 Usage
<script lang="ts" setup>
import { schemaFromValibot } from '@vue-formify/valibot';
import { object, string, minLength } from 'valibot'
const schema = schemaFromValibot(
object({
first_name: string('Value must be a string', [
minLength(1, 'Required')
]),
last_name: string('Value must be a string', [
minLength(1, '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>