VueSanity

👋 Hi, I'm Chagi Siyavuya

I'm a passionate software developer specializing in C# ASP.NET and Vue.js. I build tools that make developers' lives easier, and VueSanity is one of my proudest open-source contributions.

🎯 What is VueSanity?

VueSanity is a lightweight and flexible Vue 3 validation utility designed to simplify form validation and state management in Vue applications. Built with TypeScript for enhanced type safety and optimal performance.

✨ Why VueSanity Matters

• Type-Safe Validation: Built entirely with TypeScript for robust type checking
• 30+ Built-in Validators: Comprehensive validators for strings, files, numbers, and dates
• Zero Dependencies: Lightweight library with Vue 3 as the only peer dependency
• Real-time Validation: Provides immediate feedback with detailed error messages
• FormData Generation: Automatically converts validated models into FormData objects
• Developer-Friendly: Intuitive API with minimal learning curve

💡 Why Your Support Matters

VueSanity is completely free and open-source. I maintain it in my free time alongside my full-time work. Your sponsorship helps me:

• 🚀 Dedicate more time to building new features and validators
• 📚 Create better documentation and tutorials
• 🐛 Provide faster bug fixes and support
• 🎓 Help other developers through issues and discussions
• 🌟 Maintain and improve the library for the community

📊 Current Impact

• 23 validators covering strings, files, numbers, and dates
• Zero dependencies (only Vue 3 peer dependency)
• Full TypeScript support with type inference
• Active maintenance and community support

💖 How You Can Help

Your sponsorship, no matter the amount, makes a real difference:

• ☕ $5/month - Buy me a coffee and fuel late-night coding sessions
• 🎯 $10/month - Support ongoing maintenance and bug fixes
• 🚀 $25/month - Help prioritize new features and improvements
• 💎 $50+/month - Become a key contributor to VueSanity's future

🛠️ What's Coming Next

With your support, I'm planning to:

• [ ] Async validators for server-side validation
• [ ] Custom error formatting and templating
• [ ] Internationalization (i18n) support
• [ ] Enhanced documentation with video tutorials
• [ ] Performance monitoring and analytics

📈 Quick Example

import { reactive } from 'vue';
import VueSanity, { required, email, minChars } from '@siyavuyachagi/vuesanity';

const form = reactive({
  email: { value: '', validations: [required(), email()], errors: [] },
  password: { value: '', validations: [required(), minChars(8)], errors: [] }
});

const validator = new VueSanity(form);

console.log(validator.isValid);        // boolean
console.log(validator.normalizedModel); // clean data object
console.log(validator.formData);        // FormData instance

🔗 Links

• 📦 npm Package
• 📖 Documentation
• 🐛 Report Issues
• 💬 Discussions

🙏 Thank You

Every sponsor, no matter the amount, makes a difference. Your support helps ensure that VueSanity continues to evolve and serve the Vue.js community.

Thank you for considering sponsoring my work! 💚

Made with ❤️ by Chagi Siyavuya