From 4a8bad800267996e1971fd1fdd032c2b03b3308b Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 21 Nov 2024 15:11:55 +0700
Subject: [PATCH] verify-email

---
 src/router/index.ts       |  2 +-
 src/views/VerifyEmail.vue | 42 ++++++++++++++++++++++++++++++++++++++-
 2 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/src/router/index.ts b/src/router/index.ts
index 103e994..3e6cc89 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -79,7 +79,7 @@ const router = createRouter({
       },
     },
     {
-      path: "/verifyemail",
+      path: "/verifyemail/:token",
       name: "verifyemail",
       component: VerifyEmail,
     },
diff --git a/src/views/VerifyEmail.vue b/src/views/VerifyEmail.vue
index 425bc2c..d9e2ed6 100644
--- a/src/views/VerifyEmail.vue
+++ b/src/views/VerifyEmail.vue
@@ -1,4 +1,44 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { onMounted, ref } from "vue";
+import axios from "axios";
+import { useQuasar } from "quasar";
+
+import { useCounterMixin } from "@/stores/mixin";
+import { useRoute } from "vue-router";
+import env from "@/api/index";
+
+const $q = useQuasar();
+const route = useRoute();
+const { showLoader, hideLoader, messageError } = useCounterMixin();
+
+const pathApi = ref<string>(`${env.API_URI}/profile/verify-email`);
+const token = ref(route.params.token);
+
+async function fetchCheckVerifEemail() {
+  showLoader();
+  await axios
+    .post(
+      pathApi.value,
+      { token: token.value },
+      {
+        headers: {
+          "Content-Type": "application/json; charset=utf-8",
+        },
+      }
+    )
+    .then(() => {})
+    .catch((err) => {
+      // messageError($q, err);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+}
+
+onMounted(() => {
+  fetchCheckVerifEemail();
+});
+</script>
 
 <template>
   <div