import { createApp } from 'vue'
import App from './App.vue'
import 'bootstrap'
import { store, router } from './plugins/index'
import { navigatorMixin, userIdentityMixin, errorHanlderMixin, userAuthMixin } from './mixins/index'
import { tooltip } from './utils/index'

/* import the fontawesome core */
// import { library } from '@fortawesome/fontawesome-svg-core'
/* import font awesome icon component */
// import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

/* import free icons */
// import { faUser as fasUser } from '@fortawesome/free-solid-svg-icons'

/* add some pro styles */
//import { faBicycle } from '@fortawesome/pro-regular-svg-icons'
// import { faEnvelope } from '@fortawesome/pro-light-svg-icons'
// import { faFeather } from '@fortawesome/pro-thin-svg-icons'
// import {
//   faUser as fadUser,
//   faMessages as fadMessage,
//   faCircleInfo as fadCircleInfo
// } from '@fortawesome/pro-duotone-svg-icons'
// import { faAlien } from '@fortawesome/sharp-solid-svg-icons'
// import { faPlateUtensils } from '@fortawesome/sharp-regular-svg-icons'

/* add icons to the library */
// library.add(fasUser)

const app = createApp(App)
app.use(store)
app.use(router)
app.mixin(userIdentityMixin)
app.mixin(navigatorMixin)
app.mixin(errorHanlderMixin)
app.mixin(userAuthMixin)
app.directive('tooltip', tooltip)

import 'virtual:svg-icons-register'
import SvgIcon from "@/components/SvgIcon.vue";
app.component("svg-icon", SvgIcon);

app.mount('#app')
app.config.warnHandler = (msg, instance, trace) => {
  // `trace` is the component hierarchy trace
  console.log('warn:', msg, instance, trace)
}