refactor code & fixed location

src/components/ToolBar.vue

@@ -2,14 +2,14 @@
 import { onMounted, ref, watch } from 'vue'
 
 import { useCounterMixin } from '@/stores/mixin'
-import { useChekIn } from '@/stores/chekin'
+import { useCheckIn } from '@/stores/checkin'
 import { calculateFiscalYear } from '@/utils/function'
 
 import type { DataDateMonthObject } from '@/interface/index/Main'
 
 import Popup from '@/components/PopUp.vue'
 
-const stores = useChekIn()
+const stores = useCheckIn()
 const { monthYear2Thai } = useCounterMixin()
 
 /**
@@ -18,11 +18,11 @@ const { monthYear2Thai } = useCounterMixin()
 const props = defineProps({
   fetchData: {
     type: Function,
-    require: true,
+    required: true,
   },
   tab: {
     type: String,
-    require: true,
+    required: true,
   },
 })
 const emit = defineEmits(['update:year'])
@@ -43,8 +43,6 @@ function filterYearFn(type: string) {
   const year = type === 'year' ? filterYear.value : dateMonth.value.year
   const month = dateMonth.value.month
 
-  console.log(year, month)
-
   // ตรวจสอบค่าก่อนส่ง
   if (isNaN(Number(year)) || isNaN(Number(month))) {
     console.warn('Invalid year or month value:', { year, month })