FortAwesome / vue-fontawesome

Font Awesome Vue component
https://fontawesome.com
MIT License
2.39k stars 132 forks source link

What is the family abbreviation for the new sharp solid pro icons? #399

Closed oberocks closed 2 years ago

oberocks commented 2 years ago

I'm looking to integrate the new v6.2.0 package into my lib + installation system.

To do so, I'll need to update my lib and installer scripts (which have options for installing FA free and FA pro packages) along with this package.

The thing is, in my implementation of the vue-fontawesome component, the lib is using the :icon="['fas', 'user']" syntax under the hood. I also have FontAwesome utilities for strict Vue component type/string validation, for example.

What I can't seem to find in any docs or issues/pr's though... is what would the abbreviated string be for the new Sharp Solid icons?

For clarity, here's the current array of FA family abbreviations from my lib as of now:

// ./src/validators/ValidFontAwesomeFamilies.ts

const ValidFontAwesomeFamilies = [
    'fab',
    'fad',
    'fal',
    'far',
    'fas',
    'fat',
] as const

// ...

So what would the new Sharp Solid icons abbreviation be (especially considering the fas already in use) ?

As a guess, is it: fass?

Many thanks for the work and awesome new 6.2 stuff!

Cheers 🍻

PS - Please let me know if I need to do something on my end to this issue (especially if this should be a feature req vs a bug).

mlwilkerson commented 2 years ago

Hi @oberocks, fass should work. That's the IconPrefix that identifies Sharp Solid, which is a combination of family (Sharp) and style (Solid). This shows all values that are valid as an IconPrefix for Font Awesome 6.2.0.

That first array element is just being passed down as the prefix for looking up the icon, so I expect any of these prefixes to be valid.

oberocks commented 2 years ago

@mlwilkerson Thank you very much, and I'm super excited to get everything wired up tomorrow morning!

Have a great evening!