import "@mdi/font/css/materialdesignicons.css"; // Ensure you are using css-loader
import "highlight.js/lib/common"
import "highlight.js/styles/atom-one-dark.css"
import "vuetify/styles"
import "./assets/styles.css"

import { VShortcut } from "@aldoivan10/v-shortcut"
import hljsVuePlugin from "@highlightjs/vue-plugin"
import { createPinia } from "pinia"
import { createApp } from "vue"
import { createVuetify } from "vuetify"
import * as components from "vuetify/components"
import * as directives from "vuetify/directives"
import App from "./App.vue"
import { Dialog } from "./plugin/dialog.plugin"

const vuetify = createVuetify({
    components,
    directives,
})

const app = createApp(App)
app.use(vuetify)
app.use(Dialog, { singleton: true })
app.use(createPinia())
app.use(VShortcut)
app.use(hljsVuePlugin)
app.mount("#app")