import {createApp} from 'vue'
import App from './App.vue'
import router from './router/router.js'
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 vueGoogleOauth from 'vue3-google-login'
import {useSubscriptionStore} from "@/stores/subscriptionStore.js";
import {useAuthStore} from "@/stores/authStore.js";
import {useUserStore} from "@/stores/userStore.js";

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

const app = createApp(App)
    .use(createPinia())
    .use(vuetify)
    .use(router)
    .use(vueGoogleOauth, {
        clientId: import.meta.env.VITE_GOOGLE_CLIENT_ID,
    })

// this force the creation of the stores
const subscriptionStore = useSubscriptionStore()
const authStore = useAuthStore()
const userStore = useUserStore()

app.mount('#app');