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-10/

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

tile.json