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,
    VaCardContent
} from 'vuestic-ui'
import 'vuestic-ui/styles/essential.css'
import 'vuestic-ui/styles/grid.css'
import 'vuestic-ui/styles/reset.css'
import 'vuestic-ui/styles/typography.css'
import 'vuestic-ui/dist/vuestic-ui.css'


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,
        VaCardContent
    }
}));

app.mount('#app');