Comprehensive validation library for Vue.js applications providing common validators with built-in error messages and customization options
87
{
"context": "This criteria evaluates how well the engineer uses Vuelidate's core validation features, built-in validators, and external result integration capabilities to implement a form with both client-side and server-side validation. The focus is entirely on proper usage of Vuelidate's API for external validation integration.",
"type": "weighted_checklist",
"checklist": [
{
"name": "useVuelidate setup",
"description": "Uses the useVuelidate composable function from @vuelidate/core to initialize validation state with the form data and validation rules",
"max_score": 15
},
{
"name": "Built-in validators",
"description": "Uses appropriate built-in validators from @vuelidate/validators: required, minLength, maxLength, email, and sameAs for the confirm password field",
"max_score": 20
},
{
"name": "$externalResults integration",
"description": "Uses the $externalResults property of useVuelidate to inject server-side validation errors returned from validateOnServer into the validation state",
"max_score": 30
},
{
"name": "Validation state access",
"description": "Accesses validation state properties (such as $invalid, $error, $errors, or $dirty) to determine form validity and display errors appropriately",
"max_score": 15
},
{
"name": "Server error clearing",
"description": "Clears external validation results when fields are modified by resetting or updating the $externalResults property",
"max_score": 20
}
]
}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