Official Vue component for Font Awesome 7
87
{
"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-fontawesomedocs
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10