import { createApp, defineAsyncComponent } from "vue";
import App from "./App.vue";
import router from "./router";
import { Dialog, Notify, Quasar } from "quasar";
import th from "quasar/lang/th";
import quasarUserOptions from "./quasar-user-options";
import { createPinia } from "pinia";
import "@vuepic/vue-datepicker/dist/main.css";

import "quasar/src/css/index.sass";
import http from "./plugins/http";

// import OpenLayersMap from "vue3-openlayers";

// import './assets/main.css'

const app = createApp(App);
const pinia = createPinia();

app.use(router);
app.use(pinia);

app.use(Quasar, {
  plugins: {
    Notify,
    Dialog,
  },
  lang: th,
});
// app.use(OpenLayersMap /* options */);

app.component(
  "datepicker",
  defineAsyncComponent(() => import("@vuepic/vue-datepicker"))
);

app.component(
  "d-table",
  defineAsyncComponent(() => import("@/components/TableD.vue"))
);

app.config.globalProperties.$http = http;
app.mount("#app");