import { createApp } from 'vue'
import { Tab, Tabs } from 'vue3-tabs-component'
import { VGithubIcon } from 'v-github-icon'
import { router } from '@/plugins/router'
import '@/style.css'
import App from '@/App.vue'

// import { createMetaManager } from 'vue-meta'
import 'virtual:uno.css'

// Vuetify
// import 'vuetify/styles'
// import { createVuetify } from 'vuetify'
// import * as components from 'vuetify/components'
// import * as directives from 'vuetify/directives'
// import { aliases, mdi } from 'vuetify/iconsets/mdi'
// import '@mdi/font/css/materialdesignicons.css' // Ensure you are using css-loader

// const vuetify = createVuetify({
//     components,
//     directives,
//     // icons: {
//     //     defaultSet: 'mdi',
//     //     aliases,
//     //     sets: {
//     //       mdi,
//     //     },
//     //   },
//     icons: {
//         defaultSet: 'mdi', // This is already the default value - only for display purposes
//     },
//     defaults: {
//         VBtn: {
//           color: 'primary',
//           variant: 'outlined',
//           rounded: true,
//         },
//       },
//   })

const app = createApp(App)
  .use(router)
//   .use(store)
// .use(vuetify)
  .component('tabs', Tabs)
  .component('tab', Tab)
  .component('v-github-icon', VGithubIcon)
//   .use(createMetaManager())

// await router.isReady()
app.mount('#app')