ayanova/src/App.vue

@@ -134,7 +134,7 @@
       <template v-slot:append>
         <div>
           <v-btn x-large block to="/login">
-            <v-icon large left>fa-sign-out-alt</v-icon>
+            <v-icon large left>$ayiSignOut</v-icon>
             <span class="ml-2 text-h6">{{ $ay.t("Logout") }}</span></v-btn
           >
         </div>
@@ -167,7 +167,7 @@
           <template v-slot:badge>
             {{ newNotificationCount() }}
           </template>
-          <v-icon>fa-bell</v-icon>
+          <v-icon>$ayiBell</v-icon>
         </v-badge>
       </v-btn>
 

ayanova/src/plugins/vuetify.js

@@ -13,6 +13,7 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 Vue.component("font-awesome-icon", FontAwesomeIcon); // Register component globally
 import {
   faBars,
+  faBell,
   faCaretDown,
   faChevronDown,
   faEllipsisV,
@@ -22,13 +23,15 @@ import {
   faUser,
   faKey,
   faQuestionCircle,
-  faSignInAlt
+  faSignInAlt,
+  faSignOutAlt
 } from "@fortawesome/free-solid-svg-icons";
 //import { faUserCircle as farUserCircle } from "@fortawesome/free-regular-svg-icons";
 Vue.component("font-awesome-icon", FontAwesomeIcon);
 
 library.add(
   faBars,
+  faBell,
   faCaretDown,
   faChevronDown,
   faEllipsisV,
@@ -38,14 +41,15 @@ library.add(
   faKey,
   faQuestionCircle,
   faSignInAlt,
+  faSignOutAlt,
   faUser
 );
 
 const CUSTOM_ICONS = {
-  ayiQuestionCircle: {
+  ayiBell: {
     component: FontAwesomeIcon,
     props: {
-      icon: ["fas", "question-circle"]
+      icon: ["fas", "bell"]
     }
   },
   ayiEye: {
@@ -72,12 +76,24 @@ const CUSTOM_ICONS = {
       icon: ["fas", "key"]
     }
   },
+  ayiQuestionCircle: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "question-circle"]
+    }
+  },
   ayiSignIn: {
     component: FontAwesomeIcon,
     props: {
       icon: ["fas", "sign-in-alt"]
     }
   },
+  ayiSignOut: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "sign-out-alt"]
+    }
+  },
   ayiUser: {
     component: FontAwesomeIcon,
     props: {