text: import { createApp } from 'vue';
  import App from './App.vue';
  import store from './store';
  import './assets/tailwind.css';
  
  import { library } from '@fortawesome/fontawesome-svg-core';
  // TODO: Add specific imports
  import {
    faCog,
    faVideo,
    faBackward,
    faPlay,
    faPause,
    faForward,
    faSearchMinus,
    faSearchPlus,
    fas,
  } from '@fortawesome/free-solid-svg-icons';
  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
  
  library.add(
    faCog,
    faVideo,
    faBackward,
    faPlay,
    faPause,
    faForward,
    faSearchMinus,
    faSearchPlus,
    fas
  );
  
  // INSIGHT: Add vue directive when clicked outside
  // INSIGHT: Useful in dropdown options toggle...
  // const clickOutside = {
  //   beforeMount: (el, binding) => {
  //     /* eslint-disable */
  //     el.clickOutsideEvent = (event) => {
  //       // here I check that click was outside the el and his children
  //       if (!(el === event.target || el.contains(event.target))) {
  //         // and if it did, call method provided in attribute value
  //         binding.value();
  //       }
  //     };
  //     document.addEventListener('click', el.clickOutsideEvent);
  //   },
  //   unmounted: (el) => {
  //     document.removeEventListener('click', el.clickOutsideEvent);
  //   },
  // };
  
  createApp(App)
    .use(store)
    .component('fa', FontAwesomeIcon)
    // .directive('click-outside', clickOutside)
    .mount('#app');
  