hrms-checkin/src/main.ts

import { createApp, defineAsyncComponent } from 'vue'
import App from './App.vue'
import './registerServiceWorker'
import router from './router'
import { createPinia } from 'pinia'

import { Quasar, Dialog, Notify, Loading } from 'quasar'
import '@vuepic/vue-datepicker/dist/main.css'
import quasarUserOptions from './quasar-user-options'

import 'quasar/src/css/index.sass'
import th from "quasar/lang/th";


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

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

app.use(Quasar, {
  ...quasarUserOptions,
  plugins: {
    Notify,
    Dialog,
    Loading,
  },
  lang: th,
})

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

app.mount('#app')