Installation

npm i validation-composable

Usage

import{useValidation}from'validation-composable'const{ validate, issues}=useValidation(data,schema)

Example

<script setup>// Use your own data (Reactive, Ref, Pinia, etc.)constdata=reactive({  subject:'',  body:'',})// Use your favorite schema libraryconstschema=z.object({  subject:z.string().min(1,'Subject is required'),  body:z.string().min(1,'Body is required'),})// Pass the data and schema to the composableconst {validate,issues }=useValidation(data, schema)// Validate before submission. It auto-validates on data changes.asyncfunctionsend() {constvalid=awaitvalidate()if (!valid)return  …}</script><template>  <form@submit="send">    <inputv-model="data.subject":class="{ 'border-red': issues.subject }" />    <spanv-if="issues.subject">{{ issues.subject[0] }}</span>    <textareav-model="data.body":class="{ 'border-red': issues.body }" />    <spanv-if="issues.body">{{ issues.body[0] }}</span>  </form></template>

API

const{ validate, issues, clearIssues}=useValidation(data,schema)