import { createApp} from 'vue'
import { createPinia } from 'pinia'

import App from './App.vue'
import router from './router'

// Bootstrap 5 CSS
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.bundle.min.js'
import './assets/tema.css'

// Font Awesome
import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { 
  faGauge, faUsers, faCartShopping, faGear,
  faBars, faChevronDown, faChevronRight, faUser,
  faSignOutAlt, faUserCircle, faList, faPlus,
  faFileAlt, faChartLine
} from '@fortawesome/free-solid-svg-icons'

import BaseCard from '@/components/BaseCard.vue'
import BlocoPreloader from '@/components/BlocoPreloader.vue'

library.add(
  faGauge, faUsers, faCartShopping, faGear,
  faBars, faChevronDown, faChevronRight, faUser,
  faSignOutAlt, faUserCircle, faList, faPlus,
  faFileAlt, faChartLine
)

const app = createApp(App)
app.use(createPinia())
app.use(router)
app.component('font-awesome-icon', FontAwesomeIcon)
app.component('BaseCard', BaseCard)
app.component('BlocoPreloader', BlocoPreloader)
app.mount('#app')