import { createApp } from "vue";
import App from "./App.vue";
import store from "./store";
import UIkit from "uikit";

// Import MD icons
import "material-symbols/outlined.css";

import modalMixin from "@/mixins/modalMixins.js";
import labThingsMixins from "./mixins/labThingsMixins";

// UIKit overrides
UIkit.mixin(
  {
    data: {
      animation: false,
    },
  },
  "accordion",
);

// Create Vue app
const app = createApp(App);

// Use visibility observer
//app.use(VueObserveVisibility);

// Use global mixins
app.mixin(modalMixin);
app.mixin(labThingsMixins);

// Use Vuex store
app.use(store);
app.mount("#app");