@cataline.io/darpi v1.1.11

@cataline.io/darpi - beta

Powerful form validation library for Vue 3!

Install

npm i @cataline.io/darpi@latest

Basic Usage

Composition API

<script setup lang="ts">
import { Form, Field, darpi } from '@cataline.io/darpi'

const form = darpi.newForm({
  fullName: darpi.string().required().minWords(2),
  age: darpi.number().required().between(18, 65)
})

function send() {
  console.log(form.values.all)
}
</script>

Option API

<script lang="ts">
import { defineComponent } from 'vue'
import { Form, Field, darpi } from '@cataline.io/darpi'

export default defineComponent({
  components: { Form, Field },
  data() {
    return {
      form: darpi.newForm({
        fullName: darpi.string().required().minWords(2),
        age: darpi.number().required().between(18, 65)
      })
    }
  },
  methods: {
    send() {
      console.log(this.form.values.all)
    }
  }
})
</script>

<template>
  <Form :form="form" @submit="send">
    <Field name="fullName" />
    <Field name="age" />

    <button> Send </button>
  </Form>
</template>

Full documents coming soon 🚀