import { createApp } from 'vue'
import App from './App.vue'
import {
    createVuesticEssential,
    VaButton,
    VaInput,
    VaForm,
    VaNavbar,
    VaNavbarItem,
    VaSidebar,
    VaSidebarItem,
    VaSidebarItemContent,
    VaSidebarItemTitle,
    VaIcon,
    VaFileUpload,
    VaRadio,
    VaDataTable,
    VaList,
    VaListItem,
    VaListItemSection,
    VaListItemLabel,
    VaCard,
    VaCardTitle,
    VaCardContent,
    VaImage,
    VaSelect,
    VaPagination,
    VaProgressCircle,
    VaSlider,
    VaChip,
    VaModal,
    VaPopover,
    VaScrollContainer,
    VaDropdown,
    VaDropdownContent,
} from 'vuestic-ui'
import 'vuestic-ui/dist/styles/essential.css'
import 'vuestic-ui/dist/styles/grid.css'
import 'vuestic-ui/dist/styles/reset.css'
import 'vuestic-ui/dist/styles/typography.css'
import 'vuestic-ui/dist/vuestic-ui.css'
import maplibregl from "maplibre-gl";
import 'maplibre-gl/dist/maplibre-gl.css'

import router from "@/router";


const app = createApp(App);
app.use(createVuesticEssential({
    components:
    {
        VaButton,
        VaInput,
        VaForm,
        VaNavbar,
        VaNavbarItem,
        VaSidebar,
        VaSidebarItem,
        VaSidebarItemContent,
        VaSidebarItemTitle,
        VaIcon,
        VaFileUpload,
        VaRadio,
        VaDataTable,
        VaList,
        VaListItem,
        VaListItemSection,
        VaListItemLabel,
        VaCard,
        VaCardTitle,
        VaCardContent,
        VaImage,
        VaSelect,
        VaPagination,
        VaProgressCircle,
        VaSlider,
        VaChip,
        VaModal,
        VaPopover,
        VaScrollContainer,
        VaDropdown,
        VaDropdownContent,
    }
}));

app.component(maplibregl);

app.use(router);

app.mount('#app');