- run by vite

- change camera

src/main.ts

@@ -1,29 +1,36 @@
-import { createApp } from "vue";
-import App from "./App.vue";
-import "./registerServiceWorker";
-import router from "./router";
-import { createPinia } from "pinia";
+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 '@quasar/extras/material-icons/material-icons.css';
-import './styles/quasar.sass';
-import quasarUserOptions from "./quasar-user-options";
-import VueDatePicker from "@vuepic/vue-datepicker";
-import "@vuepic/vue-datepicker/dist/main.css";
+import { Quasar, Dialog, Notify, Loading } from 'quasar'
+import '@vuepic/vue-datepicker/dist/main.css'
+import quasarUserOptions from './quasar-user-options'
 
-const app = createApp(App);
-const pinia = createPinia();
+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(router);
-app.use(Quasar, quasarUserOptions);
 app.use(Quasar, {
+  ...quasarUserOptions,
   plugins: {
     Notify,
     Dialog,
     Loading,
   },
-});
-app.use(pinia);
-app.component("VueDatePicker", VueDatePicker);
+  lang: th,
+})
 
-app.mount("#app");
+app.component(
+  'datepicker',
+  defineAsyncComponent(() => import('@vuepic/vue-datepicker'))
+)
+
+app.mount('#app')