CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-fortawesome--vue-fontawesome

Official Vue component for Font Awesome 7

87

1.15x
Quality

Pending

Does it follow best practices?

Impact

87%

1.15x

Average score across 10 eval scenarios

SecuritybySnyk

Pending

The risk profile of this skill

Overview
Eval results
Files

criteria.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
    }
  ]
}

tile.json