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/core and @vuelidate/validators to implement validation groups for a multi-step form. The focus is on proper usage of Vuelidate's validation grouping features, group-level state management, and appropriate validator selection.",
"type": "weighted_checklist",
"checklist": [
{
"name": "useVuelidate setup",
"description": "Uses the useVuelidate() composable function from @vuelidate/core to set up validation",
"max_score": 15
},
{
"name": "validationGroups parameter",
"description": "Correctly uses the $validationGroups configuration option in useVuelidate to define named validation groups (account, personal, preferences)",
"max_score": 25
},
{
"name": "Built-in validators",
"description": "Uses appropriate built-in validators from @vuelidate/validators: required for required fields, email for email validation, and minLength for minimum length constraints",
"max_score": 20
},
{
"name": "Group state access",
"description": "Accesses group-level validation state properties ($invalid, $error, $dirty, etc.) for each validation group to check step completion status",
"max_score": 20
},
{
"name": "Group validation methods",
"description": "Uses group-specific validation methods (e.g., $validate(), $touch(), $reset()) to trigger validation only for specific groups without affecting others",
"max_score": 15
},
{
"name": "Validation isolation",
"description": "Ensures that validating one group does not trigger or affect validation state in other groups, demonstrating proper use of the validation groups feature",
"max_score": 5
}
]
}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