vue-formify v1.2.2

Features

📚 Documentation

Read more in the documentation

📦 Install

npm i vue-formify

💻 Usage

Basic

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

const sendForm = (data) => {
	console.log(data);
};
</script>

<template>
	<FormifyForm @submit="sendForm">
		<Field name="email" as="input" />
		<Error error-for="email" />
		<button>Send</button>
	</FormifyForm>
</template>

Type safe

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

type FormData = {
  username: string;
  password: string;
}

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

const sendForm = handleSubmit((data) => {
	console.log(data)
})

</script>

<template>
	<Form @submit="sendForm">
		<Field name="email" as="input" />
		<Error error-for="email" />
		<button>Send</button>
	</Form>
</template>