Page verifyemail

src/router/index.ts

@@ -5,6 +5,7 @@ const Dashboard = () => import("@/views/Dashboard.vue");
 const Error404NotFound = () => import("@/views/Error404NotFound.vue");
 const loginView = () => import("@/views/login.vue");
 const ErrorPermission = () => import("@/views/ErrorPermission.vue");
+const VerifyEmail = () => import("@/views/VerifyEmail.vue");
 
 // import ModuleMetadata from "@/modules/01_metadata/router";
 import ModuleMetadataNew from "@/modules/01_masterdata/router";
@@ -99,6 +100,11 @@ const router = createRouter({
         Auth: false,
       },
     },
+    {
+      path: "/verifyemail",
+      name: "verifyemail",
+      component: VerifyEmail,
+    },
     {
       path: "/auth",
       name: "auth",

src/views/VerifyEmail.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div
+    class="bg-light text-center q-pa-md flex flex-center"
+    style="
+      height: 90vh;
+      background: linear-gradient(to bottom, #e0f7fa, #ffffff);
+    "
+  >
+    <div class="card">
+      <!-- <div class="header"> -->
+      <q-icon name="mdi-check-decagram" color="blue" size="64px" />
+      <div class="text-h4 text-primary q-mt-md">Verify Your Email</div>
+      <!-- <div class="text-subtitle2 text-grey-7 q-mt-xs">
+          Please check your inbox to confirm your email address.
+        </div> -->
+      <!-- </div> -->
+
+      <q-btn
+        class="q-mt-xl"
+        color="primary"
+        text-color="white"
+        to="/"
+        label="กลับหน้าหลัก"
+        no-caps
+        rounded
+        size="lg"
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped></style>