Comprehensive validation library for Vue.js applications providing common validators with built-in error messages and customization options
87
{
"context": "This criteria evaluates the engineer's ability to implement conditional validation rules using @vuelidate/validators, specifically the requiredIf and requiredUnless validators. The focus is on correctly applying these validators to create dynamic form validation that responds to user input and form state.",
"type": "weighted_checklist",
"checklist": [
{
"name": "requiredIf usage",
"description": "Uses the requiredIf validator from @vuelidate/validators to make companyName required when accountType is 'business'",
"max_score": 15
},
{
"name": "requiredIf for taxId",
"description": "Uses the requiredIf validator to make taxId required when accountType is 'business'",
"max_score": 15
},
{
"name": "requiredIf with comparison",
"description": "Uses the requiredIf validator to make parentEmail required when age is less than 18",
"max_score": 20
},
{
"name": "requiredIf for boolean",
"description": "Uses the requiredIf validator to make insuranceProvider required when hasInsurance is true",
"max_score": 15
},
{
"name": "requiredUnless usage",
"description": "Uses the requiredUnless validator from @vuelidate/validators to make phoneNumber required unless preferredContact is 'email'",
"max_score": 25
},
{
"name": "Proper condition functions",
"description": "Implements condition functions/expressions correctly for requiredIf and requiredUnless validators that access formData properties appropriately",
"max_score": 10
}
]
}Install with Tessl CLI
npx tessl i tessl/npm-vuelidate--validatorsdocs
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10