refs #2606 Use vue-fontawesome in Contents/Lists

src/renderer/components/TimelineSpace/Contents/Lists/Edit.vue

@@ -2,7 +2,7 @@
   <div class="members">
     <div class="add-account">
       <el-button type="text" class="add-button" @click="addAccount">
-        <icon name="plus"></icon>
+        <font-awesome-icon icon="plus" />
       </el-button>
     </div>
     <template v-for="account in members">

src/renderer/components/TimelineSpace/Contents/Lists/Index.vue

@@ -4,7 +4,7 @@
       <el-form :inline="true">
         <input v-model="title" :placeholder="$t('lists.index.new_list')" class="list-title" />
         <el-button type="text" class="create" @click="createList">
-          <icon name="plus"></icon>
+          <font-awesome-icon icon="plus" />
         </el-button>
       </el-form>
     </div>
@@ -14,10 +14,10 @@
       </router-link>
       <div class="tools">
         <el-button type="text" @click="edit(list)">
-          <icon name="regular/edit"></icon>
+          <font-awesome-icon :icon="['far', 'edit']" />
         </el-button>
         <el-button type="text" @click="del(list)">
-          <icon name="regular/trash-alt"></icon>
+          <font-awesome-icon icon="['far', 'trash-can']" />
         </el-button>
       </div>
     </div>

src/renderer/main.ts

@@ -45,7 +45,7 @@ import {
   faQuoteRight,
   faThumbTack
 } from '@fortawesome/free-solid-svg-icons'
-import { faFaceSmile, faPenToSquare } from '@fortawesome/free-regular-svg-icons'
+import { faFaceSmile, faPenToSquare, faEdit, faTrashCan } from '@fortawesome/free-regular-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import 'vue-awesome/icons'
 import Icon from 'vue-awesome/components/Icon'
@@ -109,7 +109,9 @@ library.add(
   faUserPlus,
   faCheck,
   faQuoteRight,
-  faThumbTack
+  faThumbTack,
+  faEdit,
+  faTrashCan
 )
 
 Vue.use(ElementUI, { locale })