From 329f91e96842944ffe6b407b70dce447bc2bdb5a Mon Sep 17 00:00:00 2001
From: Alireza Heidari <itisalirh@gmail.com>
Date: Mon, 7 Oct 2024 18:06:50 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=A0=EF=B8=8F:=20refactor=20FontAwesome?=
 =?UTF-8?q?=20icon=20import=20in=20`ConfigTemplate/InstanceDropDown`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ConfigTemplates/InstanceDropdown.vue   | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/client/src/components/ConfigTemplates/InstanceDropdown.vue b/client/src/components/ConfigTemplates/InstanceDropdown.vue
index f3fc2cebddd..0f891a64033 100644
--- a/client/src/components/ConfigTemplates/InstanceDropdown.vue
+++ b/client/src/components/ConfigTemplates/InstanceDropdown.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { library } from "@fortawesome/fontawesome-svg-core";
 import { faArrowUp, faCaretDown, faEdit, faStethoscope, faTrash } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { useRouter } from "vue-router/composables";
@@ -12,8 +11,6 @@ interface Props {
     isUpgradable: boolean;
 }
 
-library.add(faArrowUp, faCaretDown, faEdit, faStethoscope, faTrash);
-
 const router = useRouter();
 
 defineProps<Props>();
@@ -33,7 +30,7 @@ const emit = defineEmits<{
             aria-haspopup="true"
             aria-expanded="false"
             class="ui-link font-weight-bold text-nowrap">
-            <FontAwesomeIcon icon="caret-down" class="fa-lg" />
+            <FontAwesomeIcon :icon="faCaretDown" size="lg" />
             <span class="instance-dropdown-name font-weight-bold">{{ name }}</span>
         </button>
         <div class="dropdown-menu" :aria-labelledby="`${prefix}-instance-dropdown`">
@@ -51,15 +48,15 @@ const emit = defineEmits<{
                 :href="routeEdit"
                 @keypress="router.push(routeEdit)"
                 @click.prevent="router.push(routeEdit)">
-                <FontAwesomeIcon icon="edit" />
+                <FontAwesomeIcon :icon="faEdit" />
                 <span v-localize>Edit configuration</span>
             </button>
             <button class="dropdown-item" @keypress="emit('test')" @click.prevent="emit('test')">
-                <FontAwesomeIcon icon="stethoscope" />
+                <FontAwesomeIcon :icon="faStethoscope" />
                 <span v-localize>Test instance</span>
             </button>
             <button class="dropdown-item" @keypress="emit('remove')" @click.prevent="emit('remove')">
-                <FontAwesomeIcon icon="trash" />
+                <FontAwesomeIcon :icon="faTrash" />
                 <span v-localize>Remove instance</span>
             </button>
         </div>