หน้ารายการผู้ประเมิน => เพิ่ม tab

src/main.ts

@@ -1,38 +1,43 @@
-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 { 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 "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()
+const app = createApp(App);
+const pinia = createPinia();
 
-app.use(router)
-app.use(pinia)
+app.use(router);
+app.use(pinia);
 
 app.use(Quasar, {
-	plugins: {
-		Notify,
-		Dialog,
-	},
-	lang: th,
-})
+  plugins: {
+    Notify,
+    Dialog,
+  },
+  lang: th,
+});
 // app.use(OpenLayersMap /* options */);
 
 app.component(
-	"datepicker",
-	defineAsyncComponent(() => import("@vuepic/vue-datepicker"))
-)
+  "datepicker",
+  defineAsyncComponent(() => import("@vuepic/vue-datepicker"))
+);
 
-app.config.globalProperties.$http = http
+app.component(
+  "d-table",
+  defineAsyncComponent(() => import("@/components/TableD.vue"))
+);
 
-app.mount("#app")
+app.config.globalProperties.$http = http;
+
+app.mount("#app");