CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-vuelidate--validators

Comprehensive validation library for Vue.js applications providing common validators with built-in error messages and customization options

87

1.14x
Overview
Eval results
Files

rubric.jsonevals/scenario-5/

{
  "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--validators

tile.json