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

{
  "context": "Evaluates whether the solution uses @fortawesome/vue-fontawesome to expose development-time diagnostics for missing icons or masks while keeping production output quiet. Checks focus on FontAwesomeIcon rendering, proper icon registration, and relying on the package's built-in logging instead of custom console output.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Icon renderer",
      "description": "Renders icons through the package's FontAwesomeIcon component (or its registered alias) and passes the mask via the component's mask prop instead of custom SVG handling.",
      "max_score": 15
    },
    {
      "name": "Icon registration",
      "description": "Registers available icons with @fortawesome/fontawesome-svg-core's library.add (or equivalent) so valid definitions are resolved before rendering, matching the dependency's expected IconDefinition inputs.",
      "max_score": 15
    },
    {
      "name": "Dev missing icon log",
      "description": "When the requested icon is absent in development, relies on the dependency's built-in logger (console.error output emitted by FontAwesomeIcon/logger) to surface the missing icon identifier instead of custom error strings.",
      "max_score": 20
    },
    {
      "name": "Dev missing mask log",
      "description": "With a valid icon but missing mask in development, routes the mask prop through FontAwesomeIcon so the dependency emits its mask lookup failure log (via logger/log) rather than bespoke console messaging.",
      "max_score": 20
    },
    {
      "name": "Production silence",
      "description": "Honors the package behavior that suppresses missing-asset logging when process.env.NODE_ENV is 'production' (or env prop equivalent), avoiding forced console output in that mode.",
      "max_score": 15
    },
    {
      "name": "Valid render no log",
      "description": "When icons and masks are registered, produces the expected SVG markup via FontAwesomeIcon and leaves logger/console.error untouched, confirming no false-positive diagnostics.",
      "max_score": 15
    }
  ]
}

Install with Tessl CLI

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

tile.json