Vue final-form integration focused on extensibility and rich typescript annotations
The core api is essentially a shell to use final-form library nicelly with Vue.
<script setup lang="ts">
import { useForm, useFieldStatem TextInputTransform } from '@/lib';
interface CredentialForm {
username: string;
password: string;
}
const formApi = useForm<CredentialForm>({
submit: async data => {
makeRequest(data);
},
validate: schemaAdapterFn(CredentialSchema),
});
const username = useFieldState({ formApi, name: 'username', transform: TextInputTransform });
const password = useFieldState({ formApi, name: 'password', transform: TextInputTransform });
</script>
<template>
<form>
<input v-bind="username.prop" v-on="username.event" />
<input v-bind="password.prop" v-on="password.event" />
</form>
</template>See the JSDoc generated documentation
The test suite is composed of functional tests and integration tests using a Vue component instance.
To run the tests, use the package script test or test:cov for code coverage.
To build the js files, run build:js and build:type for typescript declaration files.
For a full build (.d.ts, .js), run the build script.