ayanova/src/components/wiki-control.vue

@@ -270,10 +270,10 @@
 
               <!-- CODE -->
               <v-btn depressed tile class="ml-1" @click="editClick('code')">
-                <v-icon>fa-code</v-icon></v-btn
+                <v-icon>$ayiCode</v-icon></v-btn
               >
               <v-btn depressed tile @click="editClick('codeblock')">
-                <v-icon>fa-square-full</v-icon></v-btn
+                <v-icon>$ayiSquareFull</v-icon></v-btn
               >
 
               <!-- HELP -->
@@ -567,7 +567,7 @@ export default {
         case this.view.WIKI_VIEW:
           return "$ayiColumns";
         case this.view.SPLIT_VIEW:
-          return "fa-feather";
+          return "$ayiFeather";
         case this.view.DESIGN_VIEW:
           return "$ayiEye";
       }

ayanova/src/plugins/vuetify.js

@@ -33,6 +33,7 @@ import {
   faCheckSquare,
   faChevronDown,
   faChild,
+  faCode,
   faCogs,
   faColumns,
   faDiceD20,
@@ -44,6 +45,7 @@ import {
   faEye,
   faEyeSlash,
   faFan,
+  faFeather,
   faFile,
   faFileAlt,
   faFileArchive,
@@ -95,6 +97,7 @@ import {
   faSignOutAlt,
   faSitemap,
   faSlidersH,
+  faSquareFull,
   faStickyNote,
   faStore,
   faStrikethrough,
@@ -135,6 +138,7 @@ library.add(
   faCheckSquare,
   faChevronDown,
   faChild,
+  faCode,
   faCogs,
   faColumns,
   faDiceD20,
@@ -146,6 +150,7 @@ library.add(
   faEye,
   faEyeSlash,
   faFan,
+  faFeather,
   faFile,
   faFileAlt,
   faFileArchive,
@@ -197,6 +202,7 @@ library.add(
   faSignOutAlt,
   faSitemap,
   faSlidersH,
+  faSquareFull,
   faStickyNote,
   faStore,
   faStrikethrough,
@@ -322,6 +328,12 @@ const CUSTOM_ICONS = {
       icon: ["fas", "child"]
     }
   },
+  ayiCode: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "code"]
+    }
+  },
   ayiCogs: {
     component: FontAwesomeIcon,
     props: {
@@ -394,6 +406,12 @@ const CUSTOM_ICONS = {
       icon: ["fas", "fan"]
     }
   },
+  ayiFeather: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "feather"]
+    }
+  },
   ayiFile: {
     component: FontAwesomeIcon,
     props: {
@@ -694,6 +712,12 @@ const CUSTOM_ICONS = {
       icon: ["fas", "sitemap"]
     }
   },
+  ayiSquareFull: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "square-full"]
+    }
+  },
   ayiStickyNote: {
     component: FontAwesomeIcon,
     props: {