ต่อ api delete notification

src/api/00_dashboard/api.message.ts

@@ -8,4 +8,5 @@ const message = `${env.API_PLACEMENT_URI}/message`;
 export default {
   msgNotificate: `${message}/my-notifications`,
   msgInbox: `${message}/my-inboxes`,
+  msgId: (id: string) => `${message}/my-notifications/${id}`,
 };

src/views/MainLayout.vue

@@ -39,6 +39,7 @@ const {
 const DataStore = useroleUserDataStore();
 const { fetchroleUser } = DataStore;
 
+const id = ref<string>("");
 const $q = useQuasar();
 const { tabData, loader } = storeToRefs(store);
 const { changeTab } = store;
@@ -405,19 +406,20 @@ if (keycloak.tokenParsed != null) {
 }
 
 const deleteData = async (id: string) => {
-  await http;
+  console.log("delete=", id);
-  // .delete(config.API.copyOrderId(id))
+  showLoader();
-  // .then((res) => {
+  await http
-  //   //   const data = res.data.result;
+    .delete(config.API.msgId(id))
-  //   //   console.log(res);
+    .then((res) => {
-  //   success($q, "ลบข้อมูลสำเร็จ");
+      success($q, "ลบข้อมูลสำเร็จ");
-  // })
+    })
-  // .catch((e) => {
+    .catch((e) => {
-  //   messageError($q, e);
+      messageError($q, e);
-  // })
+    })
-  // .finally(async () => {
+    .finally(async () => {
-  //   //   hideLoader();
+      getDataNotification();
-  // });
+      hideLoader();
+    });
 };
 
 const clickDelete = (id: string) => {
@@ -509,7 +511,7 @@ const clickDelete = (id: string) => {
                   dense
                   icon="mdi-close"
                   class="mybtn q-mx-xs"
-                  @click="clickDelete"
+                  @click="clickDelete(n.id)"
                 ></q-btn>
               </q-item>
               <q-separator color="grey-2" />