Missing relative sizing values in v3 / FA6 branch

[ux-engineer]

In FA6 documentation about sizing, in relative sizing section, there are these sizing values available: 2xs, xs, sm, lg, xl, 2xl

Your Vue component's size property validator is missing these values: 2xs, xl, 2xl

You also might want to consider allowing undefined value to be used along with null, as an empty value.

[AndreiHudovich]

2.x branch (the right number of sizes):

vue-fontawesome/src/components/FontAwesomeIcon.js

Line 98 in ba927d0

validator: (value) => ['2xs', 'xs', 'sm', 'lg', 'xl', '2xl', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x'].indexOf(value) > -1

3.x branch:

vue-fontawesome/src/components/FontAwesomeIcon.js

Line 75 in efe9812

validator: (value) => ['lg', 'xs', 'sm', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x'].indexOf(value) > -1

This leads to Vue warns when using missing sizes:

[Vue warn]: Invalid prop: custom validator check failed for prop "size".

[jasonlundien]

@ux-engineer & @andrei-hudovich ---

We have updated our Vue 3 (official now) package to include the relative sizing. You should be good to go now. I will go ahead and close this issue. If you feel that it needs to remain open just let me know.