Vue 3 使用FontAwesome

1. 安裝prelease的vue-fontawesome，這與3的Vue，圖標依賴性兼容：

   npm i --save @fortawesome/vue-fontawesome@prerelease
   npm i --save @fortawesome/fontawesome-svg-core
   npm i --save @fortawesome/free-solid-svg-icons
   

2. 在中main.js，選擇@fortawesome/free-solid-svg-icons要加載的圖標：
   import { library } from "@fortawesome/fontawesome-svg-core";
import { faPhone } from "@fortawesome/free-solid-svg-icons";

       `  library.add(faPhone);`
   

3. 全局注冊font-awesome-icon組件：
   import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";

   createApp(App).component("font-awesome-icon", FontAwesomeIcon) .mount("#app");

4. 在src/App.vue中使用這樣的組件（請注意，圖標名稱是phone，不是faPhone）：

   <font-awesome-icon :icon="['fas', 'phone']" />
   <font-awesome-icon icon="phone" />
   

5. 顯示圖標

   ​