import { createApp } from 'vue';
import { createPinia } from "pinia";
import App from './App.vue';
import router from './router';
import "../node_modules/bootstrap/dist/js/bootstrap.js";
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
import { useMainStore } from './store';
import baseMixin from "@/mixins/base-mixin.js";

const vueApp = createApp(App);

// Pinia
const pinia = createPinia();
pinia.use(piniaPluginPersistedstate);
vueApp.use(pinia);
vueApp.config.globalProperties.$store = useMainStore();
useMainStore().populateInitialState();

// Additional Vue items to setup
vueApp.mixin(baseMixin);
vueApp.use(router);

vueApp.mount("#app");