update

src/components/artist-information/personal-information/PersonalInformation.ts

@@ -92,7 +92,21 @@ export default defineComponent({
       }
     };
 
-    
+     const options = ref(null)
+
+    // const filterFn = (val:string, update) => {
+    //   if (val === '') {
+    //     update(() => {
+         
+    //     })
+    //       return
+    //   }
+    //   update(() => {
+    //     const needle = val.toLowerCase()
+    //     // options.value = stringOptions.filter(v => v.toLowerCase().indexOf(needle) > -1)
+    //   }) 
+
+    // }
 
     const upload = ref(null);
     const uploadBanner = () => {
@@ -162,6 +176,7 @@ export default defineComponent({
       check_infoBooking: ref(false),
       upload,
       uploadBanner,
+      // filterFn,
       selectedFile,
       deleteAvatar,
       BirthdayDatePicker,
@@ -224,5 +239,6 @@ export default defineComponent({
     'SetAvatar',
     'deleteAvatar',
     'UpdateBirtday',
+   
   ],
 });

src/components/artist-information/personal-information/index.vue

@@ -269,11 +269,16 @@
             hide-bottom-space
             clearable
             dense
+            behavior="menu"
+            use-input
+            fill-input
+            input-debounce="0"
+            @filter="filterFn"
                >
           <template v-slot:no-option>
           <q-item>
             <q-item-section class="text-grey">
-              No results
+              Không có dữ liệu
             </q-item-section>
           </q-item>
           </template>

src/pages/login/Login.ts

@@ -28,14 +28,25 @@ export const Login = defineComponent({
       (val: string) =>
         (val && val.trim().length > 0) ||
         i18n.global.t('loginPage.requireUsername'),
+
+        (val: string) => 
+        (val && /^[a-zA-Z0-9\+]*$/.test(val)) || 'Tên đăng nhập không hợp lệ'
+      
     ];
+    // console.log(isOK)
 
     const passwordInputRules = [
+      
       (val: string) =>
         (val && val.trim().length > 0) ||
         i18n.global.t('loginPage.requirePassword'),
+        
+       
+     
     ];
 
+  
+
     const resetForm = () => {
       user_name.value = '';
       password.value = '';

src/pages/nghe-sy/index.vue

@@ -222,6 +222,15 @@ export default defineComponent({
         headerStyle: 'text-align: center !important;',
         align: 'left',
         sortable: false,
+      },
+            {
+        name: 'accountName',
+        field: 'accountName',
+        required: true,
+        label: 'Tên đăng nhập',
+        headerStyle: 'text-align: center !important;',
+        align: 'left',
+        sortable: false,
       },
       {
         name: 'fullName',