js
import App from "./App.vue";
import { createApp } from "vue";
import VueSortable from "vue3-sortablejs";

// icons
import "@mdi/font/css/materialdesignicons.css";
import "@fortawesome/fontawesome-free/css/all.css";
import { aliases, fa } from "vuetify/iconsets/fa";
import { mdi } from "vuetify/iconsets/mdi";

// vuetify
import "vuetify/styles";
import * as components from "vuetify/components";
import * as directives from "vuetify/directives";
import colors from "vuetify/lib/util/colors";
import { createVuetify } from "vuetify";

// needs to be below vuetify
import "./assets/main.scss";
import "./assets/print.scss";
// start loading
import "./globals";

const app = createApp(App);
app.use(VueSortable);
const vuetify = createVuetify({
    components: components,
    directives: directives,
    display: {
        mobileBreakpoint: "md",
    },
    theme: {
        defaultTheme: "dark",
        themes: {
            // like 50 lines skipped
        },
    },
    icons: {
        defaultSet: "fa",
        aliases,
        sets: { fa, mdi }
    }
});
app.use(vuetify);

app.mount("#app");