import { createPinia } from "pinia";
import { createApp } from "vue";
import App from "./App.vue";
import "./registerServiceWorker";
import router from "./router";
import axios from "axios";
import VueAxios from "vue-axios";

import "./assets/styles/tailwind.css";

import { library } from "@fortawesome/fontawesome-svg-core";
import {
  faCalendar,
  faChevronLeft,
  faCircle,
  faCircleCheck,
  faCircleQuestion,
  faCircleUser,
  faCopy,
  faEllipsisVertical,
  faEye,
  faEyeSlash,
  faFileLines,
  faFolderOpen,
  faHand,
  faHouseChimney,
  faLongArrowAltLeft,
  faLongArrowAltRight,
  faMagnifyingGlass,
  faPen,
  faPersonCircleCheck,
  faPersonCircleQuestion,
  faPlus,
  faQrcode,
  faRotate,
  faShareNodes,
  faSpinner,
  faTrashCan,
  faUser,
  faUsers,
  faXmark,
} from "@fortawesome/free-solid-svg-icons";

library.add(
  faCalendar,
  faChevronLeft,
  faCircle,
  faCircleCheck,
  faCircleQuestion,
  faCircleUser,
  faCopy,
  faEllipsisVertical,
  faEye,
  faEyeSlash,
  faFileLines,
  faFolderOpen,
  faHand,
  faHouseChimney,
  faLongArrowAltLeft,
  faLongArrowAltRight,
  faMagnifyingGlass,
  faPen,
  faPersonCircleCheck,
  faPersonCircleQuestion,
  faPlus,
  faQrcode,
  faRotate,
  faShareNodes,
  faSpinner,
  faTrashCan,
  faUser,
  faUsers,
  faXmark
);

import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";

createApp(App)
  .component("fa", FontAwesomeIcon)
  .use(createPinia())
  .use(VueAxios, axios)
  .use(router)
  .mount("#app");