{
  "context": "This criteria evaluates how well the engineer uses Vant's NumberKeyboard and PasswordInput components to build a mobile PIN entry interface. The focus is on proper component usage, configuration, and integration rather than general coding practices.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "NumberKeyboard usage",
      "description": "Uses the van-number-keyboard component to display a numeric keypad. The component should be properly imported from Vant and rendered in the template.",
      "max_score": 25
    },
    {
      "name": "PasswordInput usage",
      "description": "Uses the van-password-input component to display the masked 6-digit PIN boxes. The component should be properly imported and configured with length=\"6\" or equivalent.",
      "max_score": 25
    },
    {
      "name": "Component binding",
      "description": "Properly connects NumberKeyboard and PasswordInput using v-model or the input/delete events. The value from PasswordInput should control what's displayed, and NumberKeyboard should update that value.",
      "max_score": 20
    },
    {
      "name": "Keyboard visibility",
      "description": "Uses the show prop or v-model:show on NumberKeyboard to control when the keyboard is displayed. Should show on mount/focus and handle hide behavior appropriately.",
      "max_score": 15
    },
    {
      "name": "Event handling",
      "description": "Handles the input and delete events from NumberKeyboard correctly to add or remove digits. Alternatively uses v-model binding if available for automatic two-way binding.",
      "max_score": 15
    }
  ]
}