some linting and progress for Recorder.vue

src/main.ts

@@ -17,9 +17,19 @@ import VueMoment from 'vue-moment';
 // following is to avoid missing type definitions
 // const FlagIcon = require('vue-flag-icon');
 
-import { library } from '@fortawesome/fontawesome-svg-core';
-import { faCoffee, faPlus, faScroll, faCircle, faList, faTrash, faPencilAlt } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+import {library} from '@fortawesome/fontawesome-svg-core';
+import {
+    faCoffee,
+    faDoorOpen,
+    faCheck,
+    faPlus,
+    faScroll,
+    faCircle,
+    faList,
+    faTrash,
+    faPencilAlt,
+} from '@fortawesome/free-solid-svg-icons';
+import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
 
 
 // import 'bootstrap';
@@ -30,19 +40,19 @@ import 'bootstrap-vue/dist/bootstrap-vue.css';
 
 const isProduction = process.env.NODE_ENV === 'production';
 
-library.add(faCoffee, faTrash, faPencilAlt, faScroll, faCircle, faList, faPlus);
+library.add(faCoffee, faTrash, faPencilAlt, faScroll, faCheck, faCircle, faList, faPlus, faDoorOpen);
 
 Vue.component('font-awesome-icon', FontAwesomeIcon);
 
 const options = {
-  isEnabled: true,
-  // logLevel : isProduction ? 'error' : 'debug',
-  logLevel : 'debug',
-  stringifyArguments : false,
-  showLogLevel : true,
-  showMethodName : true,
-  separator: '|',
-  showConsoleColors: true,
+    isEnabled: true,
+    // logLevel : isProduction ? 'error' : 'debug',
+    logLevel: 'debug',
+    stringifyArguments: false,
+    showLogLevel: true,
+    showMethodName: true,
+    separator: '|',
+    showConsoleColors: true,
 };
 
 Vue.use(VueLogger, options);
@@ -63,8 +73,8 @@ Vue.use(VueMoment);
 Vue.config.productionTip = false;
 
 new Vue({
-  i18n,
-  router,
-  store,
-  render: (h) => h(App),
+    i18n,
+    router,
+    store,
+    render: (h) => h(App),
 }).$mount('#app');