import './assets/css/main.css'

import { createApp } from 'vue'
import App from './App.vue'
import router, { loadDynamicPages } from './router'
import { createPinia } from 'pinia'
// i18n
import { i18n } from "./i18n";
import VueCountdown from '@chenfengyuan/vue-countdown';
import { useFooterLinksStore } from '@/stores/footer-content-pages'
import { useTimelineStore } from '@/stores/timeline'


const pinia = createPinia()
const app = createApp(App)

app.use(pinia)
   .use(i18n)
await useFooterLinksStore().setLocale(localStorage.getItem('lang') || 'de')
await useTimelineStore().setLocale(localStorage.getItem('lang') || 'de')
await loadDynamicPages(localStorage.getItem('lang') || 'de')
app.use(router)
app.component(VueCountdown.name!, VueCountdown)

app.mount('#app')