แสดงปีปัจจุบัน แสดงตัวอย่างการลา

src/modules/05_leave/views/Main.vue

@@ -4,6 +4,7 @@
 			<div class="toptitle text-white col-12 row items-center">
 				<q-btn icon="mdi-arrow-left" unelevated round dense flat color="primary" class="q-mr-sm" @click="router.go(-1)" />
 				<div>รายการลา</div>
+				{{ dateMonth }}
 			</div>
 		</div>
 		<div class="col-xs-12 col-sm-12 col-md-11 row q-col-gutter-md">
@@ -153,7 +154,10 @@ import type { DataDateMonthObject } from "@/modules/05_leave/interface/request/C
 
 const router = useRouter()
 const currentTab = ref<string>("calendar") //ระบุ tab ใช้งานอยู่ calendar=รายการ list=รายการ
-const dateMonth = ref<number>(new Date().getFullYear())
+const dateMonth = ref<DataDateMonthObject>({
+	month: new Date().getMonth(), // Months are 0-based in JavaScript, so we add 1 to get the actual month.
+	year: new Date().getFullYear(),
+})
 const dateYear = ref<number>(new Date().getFullYear())
 
 const mixin = useCounterMixin() //เรียกฟังก์ชันกลาง