-
Notifications
You must be signed in to change notification settings - Fork 0
Pinboard font awesome
rothwell.andy@gmail.com edited this page Mar 24, 2025
·
2 revisions
When you use the vue3-pinboard framework, you do not HAVE TO have access to font awesome pro libraries. Some free font awesome libraries are automatically imported.
If you DO have access to font awesome pro libraries, you can add them to your package.json file dependencies, and use whatever you want out of them in your custom intro page or custom cards.
There are some pro icons that the vue3-pinboard framework tries to use, if they are available:
| icon | pro library |
|---|---|
| angle-down | pro-regular-svg-icons |
| angle-up | pro-regular-svg-icons |
RefinePanel.vue uses the font awesome function "findIconDefinition()" to determine whether it has access to the regular icons.
If you want it to find them, you have to add this to your main.js:
import { faAngleDown as farAngleDown } from '@fortawesome/pro-regular-svg-icons/faAngleDown';
import { faAngleUp as farAngleUp } from '@fortawesome/pro-regular-svg-icons/faAngleUp';
library.add(farAngleDown, farAngleUp);
If you do not do that, RefinePanel.vue will use the free solid versions.