Skip to content

Pinboard font awesome

rothwell.andy@gmail.com edited this page Mar 24, 2025 · 2 revisions

vue3-pinboard and Font Awesome

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.

Clone this wiki locally