Версия 5.
Шрифт Awesome – отличный инструмент для работы с различными значками. Это самый популярный и широко использует значок Toolkit. В проекте Vuejs 3 CLI вы можете легко добавить шрифт потрясающей библиотеки, следуя этим простым шагам:
установить все из них один за другим
npm i --save @fortawesome/fontawesome-svg-core npm i --save @fortawesome/free-solid-svg-icons npm i --save @fortawesome/free-brands-svg-icons npm i --save @fortawesome/free-regular-svg-icons npm i --save @fortawesome/vue-fontawesome
Импорт в main.js.
Вы можете найти main.js Внутри ваших проекта Vuejs 3 /SRC папка.
//vue-app/src/main.js
import { library } from "@fortawesome/fontawesome-svg-core";
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
import { fas } from '@fortawesome/free-solid-svg-icons'
library.add(fas);
import { fab } from '@fortawesome/free-brands-svg-icons';
library.add(fab);
import { far } from '@fortawesome/free-regular-svg-icons';
library.add(far);
import { dom } from "@fortawesome/fontawesome-svg-core";
dom.watch();
const app = createApp(App);
app.component("font-awesome-icon", FontAwesomeIcon);
// add necessary dependencies...
app.mount("#app");
Вот и все! Теперь вы можете использовать шрифт потрясающий Значок в вашем проекте Vuejs 3!
Если есть какие-то проблемы, не забудьте спросить меня!
Оригинал: “https://dev.to/sabbirsobhani/font-awesome-with-vuejs-3-59ee”