import {createApp} from 'vue'
import App from './App.vue'
import router from './router'
import './assets/main.css'
import {createPinia} from 'pinia'
import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/styles'
import {createVuetify} from 'vuetify'
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'
import clientPlugin from './plugins/api.js'
import vueGoogleOauth from 'vue3-google-login'

const vuetify = createVuetify({
    components,
    directives
});

createApp(App)
    .use(clientPlugin)
    .use(createPinia())
    .use(vuetify)
    .use(router)
    .use(vueGoogleOauth, {
        clientId: import.meta.env.VITE_GOOGLE_CLIENT_ID,
    })
    .mount('#app');