import { createApp } from 'vue';
import { createPinia } from 'pinia';
import { definePreset } from '@primevue/themes';
import Theme from '@primevue/themes/aura';
import PrimeVue from 'primevue/config';
import ConfirmationService from 'primevue/confirmationservice';
import Tooltip from 'primevue/tooltip';
import App from './components/App.vue';
import { i18n } from './i18n';
import { changePrimaryColor } from './util';

const pinia = createPinia();
const app = createApp(App);
const Preset = definePreset(Theme, {});

app.use(pinia);
app.use(i18n);
app.use(PrimeVue, {
    theme: {
        preset: Preset,
        options: {
            darkModeSelector: '.use-dark-mode',
        },
    },
});
app.use(ConfirmationService);
changePrimaryColor(null);
app.directive('tooltip', Tooltip);
app.mount('#app');