From 421ddb06412079ee5175b183e17c535083aaff06 Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Mon, 4 Apr 2022 21:56:00 +0900
Subject: [PATCH] refs #2606 Use vue-fontawesome in Contents/Lists

---
 .../components/TimelineSpace/Contents/Lists/Edit.vue        | 2 +-
 .../components/TimelineSpace/Contents/Lists/Index.vue       | 6 +++---
 src/renderer/main.ts                                        | 6 ++++--
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/renderer/components/TimelineSpace/Contents/Lists/Edit.vue b/src/renderer/components/TimelineSpace/Contents/Lists/Edit.vue
index 32f42f06..dace158b 100644
--- a/src/renderer/components/TimelineSpace/Contents/Lists/Edit.vue
+++ b/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">
diff --git a/src/renderer/components/TimelineSpace/Contents/Lists/Index.vue b/src/renderer/components/TimelineSpace/Contents/Lists/Index.vue
index 69dcd7d3..bd82abbd 100644
--- a/src/renderer/components/TimelineSpace/Contents/Lists/Index.vue
+++ b/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>
diff --git a/src/renderer/main.ts b/src/renderer/main.ts
index b47bb5aa..24132833 100644
--- a/src/renderer/main.ts
+++ b/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 })