Official Vue component for Font Awesome 7
87
{
"context": "Assesses whether the solution leverages @fortawesome/vue-fontawesome to emit reusable SVG symbols and attach accessible title metadata, both at definition time and per usage. Emphasizes correct use of the symbol, title, and titleId props so icons stay reusable and accessible.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Symbol prop usage",
"description": "Symbol definitions are created with the package's icon component using the symbol prop (string or boolean) to emit <symbol> ids that match the configured prefix + icon name instead of inline SVG duplicates.",
"max_score": 30
},
{
"name": "Default title binding",
"description": "When an icon descriptor includes a default title, symbol generation passes it through the package's title prop so each emitted <symbol> contains a <title> node sourced from that text.",
"max_score": 20
},
{
"name": "Reuse via <use>",
"description": "Icon instances reference the generated symbol ids (e.g., via <use href=\"#id\">) rather than re-rendering full SVGs, showing correct reuse of the package's symbol output.",
"max_score": 25
},
{
"name": "Per-instance title/id",
"description": "Per-instance accessibility uses the package's title and titleId props (or equivalents) to attach a unique title/aria-labelledby when rendering an icon while still pointing at the shared symbol definition.",
"max_score": 25
}
]
}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