refs #2606 Use vue-fontawesome in Preferences

src/renderer/components/Preferences/Appearance/Toot.vue

@@ -20,16 +20,16 @@
         </div>
         <div class="tool-box">
           <el-button type="text" class="reply" :title="$t('cards.toot.reply')">
-            <icon name="reply" scale="0.9"></icon>
+            <font-awesome-icon icon="reply" size="sm" />
           </el-button>
           <el-button type="text" class="reblog" :title="$t('cards.toot.reblog')">
-            <icon name="retweet" scale="0.9"></icon>
+            <font-awesome-icon icon="retweet" size="sm" />
           </el-button>
           <span class="count">
             {{ reblogsCount }}
           </span>
           <el-button type="text" class="favourite" :title="$t('cards.toot.fav')">
-            <icon name="star" scale="0.9"></icon>
+            <font-awesome-icon icon="star" size="sm" />
           </el-button>
           <span class="count">
             {{ favouritesCount }}
@@ -52,7 +52,7 @@
               </ul>
             </div>
             <el-button slot="reference" type="text" :title="$t('cards.toot.detail')">
-              <icon name="ellipsis-h" scale="0.9"></icon>
+              <font-awesome-icon icon="ellipsis" size="sm" />
             </el-button>
           </popper>
         </div>

src/renderer/main.ts

@@ -27,7 +27,9 @@ import {
   faXmark,
   faSquarePollHorizontal,
   faRetweet,
-  faUserPlus
+  faUserPlus,
+  faReply,
+  faEllipsis
 } from '@fortawesome/free-solid-svg-icons'
 import { faFaceSmile } from '@fortawesome/free-regular-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
@@ -74,7 +76,9 @@ library.add(
   faXmark,
   faSquarePollHorizontal,
   faRetweet,
-  faUserPlus
+  faUserPlus,
+  faReply,
+  faEllipsis
 )
 
 Vue.use(ElementUI, { locale })