code to call recorder functions from frointend

src/main.ts

@@ -27,6 +27,8 @@ import {
   faPlus,
   faScroll,
   faCircle,
+  faArrowCircleLeft,
+  faArrowCircleRight,
   faList,
   faTrash,
   faPencilAlt,
@@ -34,7 +36,19 @@ import {
   faAt,
   faUser,
   faEnvelope,
+  faHome,
   faSync,
+  faCode,
+  faBarcode,
+  faTag,
+  faTags,
+  faVideo,
+  faLock,
+  faLockOpen,
+  faWrench,
+  faPlay,
+  faFrown,
+  faSmile,
   faUserTag, faExternalLinkAlt,
 } from '@fortawesome/free-solid-svg-icons';
 import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
@@ -49,7 +63,8 @@ import 'bootstrap-vue/dist/bootstrap-vue.css';
 const isProduction = process.env.NODE_ENV === 'production';
 
 library.add(faCoffee, faTrash, faPencilAlt, faScroll, faCheck, faCircle, faList, faPlus, faDoorOpen, faCogs, faAt,
-  faUser, faEnvelope, faUserTag, faExternalLinkAlt, faSync);
+  faUser, faEnvelope, faUserTag, faExternalLinkAlt, faSync, faHome, faCode, faBarcode, faTag, faTags, faVideo, faLock,
+  faLockOpen, faArrowCircleLeft, faArrowCircleRight, faWrench, faPlay, faFrown, faSmile);
 
 Vue.component('font-awesome-icon', FontAwesomeIcon);