import Vuex from 'vuex'
import store from '../store'
import '@mdi/font/css/materialdesignicons.css'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'
import fr from 'vuetify/es5/locale/fr';

import colors from 'vuetify/es5/util/colors'

export default ({
  Vue,
  options,
  router,
  siteData
}) => {
  require('./styles/main.scss')
  Vue.use(Vuex)
  Vue.mixin({ store: store })
  Vue.use(Vuetify)
  options.vuetify = new Vuetify({
    theme: {
      options: {
        customProperties: true,
      },
      themes: {
        light: {
          primary: '#9b1c47', // Dragons
          navbar: '#563f5a', // Héros
          accent: '#563f5a', // Héros
        },
        dark: {
          primary: '#c38dcc', // Héros
          navbar: '#563f5a', // Héros
          accent: '#e02867', // Dragons
        }
      }
    },
    lang: {
      locales: { fr },
      current: 'fr',
    },
  })
}