CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-vant

Mobile UI Components library built on Vue 3 with 100+ components

74

1.07x
Overview
Eval results
Files

rubric.jsonevals/scenario-9/

{
  "context": "This criteria evaluates how effectively the engineer uses Vant's Stepper component (van-stepper) to implement a product quantity selector. The focus is exclusively on proper utilization of the Stepper component's API, including its props for constraints and configuration.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Stepper component usage",
      "description": "Uses the van-stepper component from Vant library to implement the quantity selector functionality",
      "max_score": 30
    },
    {
      "name": "Minimum constraint",
      "description": "Configures the min prop on van-stepper to enforce the minimum quantity of 1",
      "max_score": 15
    },
    {
      "name": "Maximum constraint",
      "description": "Configures the max prop on van-stepper to enforce the maximum quantity of 99",
      "max_score": 15
    },
    {
      "name": "Initial value",
      "description": "Sets the v-model or model-value to initialize the stepper with a quantity of 1",
      "max_score": 10
    },
    {
      "name": "Step configuration",
      "description": "Configures the step prop to 1 for increment/decrement operations",
      "max_score": 10
    },
    {
      "name": "Disabled state handling",
      "description": "Utilizes van-stepper's built-in behavior to automatically disable controls at min/max boundaries",
      "max_score": 10
    },
    {
      "name": "Component integration",
      "description": "Properly imports and registers the van-stepper component in the Vue component",
      "max_score": 10
    }
  ]
}

Install with Tessl CLI

npx tessl i tessl/npm-vant

tile.json