import { createApp } from 'vue'
import { createI18n } from 'vue-i18n'
import { createPinia } from 'pinia'
import { BootstrapIconsPlugin } from 'bootstrap-icons-vue'
import { router } from './router.js'
import { createVuetify } from 'vuetify'
import { aliases, mdi } from 'vuetify/iconsets/mdi-svg'
import { VRating } from 'vuetify/components/VRating'
import App from './App.vue'

import './styles/global.css'

import fr from './locales/fr.json'
import en from './locales/en.json'

// configure i18n
export const i18n = createI18n({
  locale: navigator.language,
  fallbackLocale: 'en',
  messages: { fr, en },
})

const vuetify = createVuetify({
  VRating,
  icons: {
    defaultSet: 'mdi',
    aliases,
    sets: {
      mdi,
    },
  },
})

const pinia = createPinia()

createApp(App).use(i18n).use(vuetify).use(pinia).use(BootstrapIconsPlugin).use(router).mount('#app')