filter ==> จัดการผู้ใช้งาน

src/modules/02_users/views/01_user.vue

@@ -220,7 +220,6 @@ function onClickAction(type: string, data: Users) {
 
 /**
  * ฟังก์ชันเปิด popup สำหรับเพิ่มข้อมูลผู้ใช้งาน
- *
  * กำหนดสถานะการแก้ไขเป็น false และ id ผู้ใช้งานที่ต้องการแก้ไขเป็นค่าว่าง
  */
 function openDialog() {
@@ -232,7 +231,6 @@ function openDialog() {
 /**
  * function ยืนยันการลบข้อมูลรายการผู้ใช้งาน
  * @param id รายการผู้ใช้งาน
- *
  * ลบข้อมูลรายชื่อเสร็จแล้วทำการดึงข้อมูลรายชื่อผู้ใช้งานใหม่
  */
 function onDeleteUser(id: string) {
@@ -257,7 +255,6 @@ function onDeleteUser(id: string) {
  * ฟังก์ชันระงับการใช้งานผู้ใช้งาน
  * @param id ผู้ใช้งาน
  * @param type  เปิดใช้งาน,ระงับการใช้งาน
- *
  * เสร็จแล้วทำการดึงข้อมูลรายชื่อผู้ใช้งานใหม่
  */
 function onLockUser(id: string, type: boolean) {
@@ -286,7 +283,6 @@ function onLockUser(id: string, type: boolean) {
 /**
  * function อัปเดท paging
  * @param initialPagination ข้อมูล pagination
- *
  * กำหนดหน้าไปยังหน้าแรก
  */
 function updatePagination(initialPagination: Pagination) {
@@ -314,7 +310,6 @@ function filterFnOptions(val: string, update: Function, type: string) {
 
 /**
  * ดูการเปลี่ยนแปลงของจำนวนข้อมูลต่อหน้า
- *
  * ดึงข้อมูลรายชื่อผู้ใช้งานตามจำนวนข้อมูลต่อหน้า
  */
 watch(
@@ -326,7 +321,6 @@ watch(
 
 /**
  * hook ทำงานเมื่อมีการเรียกใช้งาน Components
- *
  * ดึงข้อมูลรายชื่อผู้ใช้งาน
  */
 onMounted(async () => {
@@ -385,12 +379,10 @@ onMounted(async () => {
         dense
         outlined
         v-model="keyword"
-        clearable
-        @clear="keyword = ''"
         placeholder="ค้นหา"
         @keydown.enter.prevent="(currentPage = 1), fetchListUsers()"
       >
-        <template v-slot:append v-if="keyword === ''">
+        <template v-slot:append>
           <q-icon name="search" />
         </template>
       </q-input>