CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-fortawesome--vue-fontawesome

Official Vue component for Font Awesome 7

87

1.15x
Overview
Eval results
Files

rubric.jsonevals/scenario-2/

{
  "context": "Evaluates how the solution leverages @fortawesome/vue-fontawesome to render icons from mixed descriptor formats. Checks focus on correct use of the FontAwesomeIcon component, its icon normalization, and default prefix handling while reflecting labels on rendered SVGs.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "String default",
      "description": "String descriptors are passed to FontAwesomeIcon so they render with the implicit \"fas\" prefix (or the provided override), not manual SVG or class construction.",
      "max_score": 25
    },
    {
      "name": "Tuple pass-through",
      "description": "Array descriptors like [\"far\", \"bell\"] are forwarded directly to FontAwesomeIcon's icon prop, relying on the component's normalization to pick the correct prefix/name.",
      "max_score": 20
    },
    {
      "name": "Object descriptors",
      "description": "Object descriptors containing prefix and iconName are accepted and given to FontAwesomeIcon's icon prop, producing SVG output that reflects the prefix/name and surfaces the provided label via its title/titleId props.",
      "max_score": 25
    },
    {
      "name": "Custom default prefix",
      "description": "When a defaultPrefix prop is provided, string icons are converted to [defaultPrefix, name] before reaching FontAwesomeIcon, overriding the standard \"fas\" default.",
      "max_score": 20
    },
    {
      "name": "Uses package renderer",
      "description": "Icons are rendered through the FontAwesomeIcon component (imported from @fortawesome/vue-fontawesome) rather than manual <svg> markup or plain CSS classes.",
      "max_score": 10
    }
  ]
}

Install with Tessl CLI

npx tessl i tessl/npm-fortawesome--vue-fontawesome

tile.json