Comprehensive validation library for Vue.js applications providing common validators with built-in error messages and customization options
87
{
"context": "This criteria evaluates how effectively the engineer uses @vuelidate/validators package's internationalization features, specifically the createI18nMessage utility for creating localized validators and combining them with built-in validators like required, email, and minLength.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Uses createI18nMessage",
"description": "Correctly imports and uses the createI18nMessage helper function from @vuelidate/validators to create internationalized validators",
"max_score": 25
},
{
"name": "Message translation function",
"description": "Implements a proper message translation function (messagePath callback) that accepts a context object with validator name and parameters, and returns localized messages for the specified locale",
"max_score": 20
},
{
"name": "Required validator integration",
"description": "Uses the required validator from @vuelidate/validators wrapped with createI18nMessage to validate required fields (username, email, password)",
"max_score": 15
},
{
"name": "Email validator integration",
"description": "Uses the email validator from @vuelidate/validators wrapped with createI18nMessage to validate email format",
"max_score": 15
},
{
"name": "MinLength validator integration",
"description": "Uses the minLength validator from @vuelidate/validators wrapped with createI18nMessage to validate minimum length requirements for username and password fields",
"max_score": 15
},
{
"name": "Locale-specific messages",
"description": "Provides distinct error messages for each supported locale (English, Spanish, French) that correctly use validator parameters when needed (e.g., minLength values)",
"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