Suggestion: usign validation vox for Flexible Validation Under the Hood

[euotiniel]

Hey everyone! First of all, thanks for maintaining this amazing library! 🎉

I've been working on a small library called Validation Box, a lightweight and flexible validation tool that works across multiple frameworks, including Vue, React, Svelte, and Nuxt.

One thing I’ve noticed is that many developers using VeeValidate end up writing regex manually for common validations (like emails, passwords, and numbers). This can be repetitive and error-prone.

How Validation Box Can Help
Instead of manually defining regex patterns, Validation Box could be used under the hood to provide:
✅ A simple way to validate fields with built-in rules like { required: true, email: true }
✅ A framework-agnostic validation system, reducing maintenance overhead
✅ More flexible validation without the need for extra regex

Demo
Here’s an example of how Validation Box works on its own:

<script setup>
import { ref } from "vue";
import { validateEmail } from "validation-box";

const email = ref("");
const message = ref("");

const handleValidation = () => {
  const isValid = validateEmail(email.value, {
    allowedDomains: ["gmail.com", "outlook.com"],
  });

  message.value = isValid ? "✅ Valid email." : "❌ Invalid email.";
};
</script>

<template>
  <div>
    <input v-model="email" placeholder="Enter your email" />
    <button @click="handleValidation">Validate</button>
    <p v-if="message">{{ message }}</p>
  </div>
</template>

To test it out and see more examples, check it out here: GitHub Link 🚀

Would love to hear your thoughts on this!