import "./style.css";

// Vuetify
import { createVuetify } from "vuetify";
// import VRangeSlider from "vuetify/components";
import * as components from "vuetify/components";

import { createApp } from "vue";
import { createPinia } from "pinia";

import { library } from "@fortawesome/fontawesome-svg-core";
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
import { faBars, faCheck, faUser, faXmark, faExclamationCircle } from "@fortawesome/free-solid-svg-icons";
import { faGitAlt } from "@fortawesome/free-brands-svg-icons";

library.add(faBars, faUser, faXmark, faCheck, faGitAlt, faExclamationCircle);

import App from "./App.vue";
import router from "./router";

const vuetify = createVuetify({
  components,
});

const app = createApp(App);

app.use(createPinia());
app.use(router);
app.use(vuetify);

app.component("font-awesome-icon", FontAwesomeIcon);

app.mount("#app");