update

src/pages/khach-hang/customer.ts

@@ -142,12 +142,6 @@ export default defineComponent({
     const position: Ref<string | undefined> = ref();
     const phone: Ref<string | undefined> = ref();
     const status: Ref<boolean | number> = ref(true);
-
-    const ratingOptions = ref([
-      { id: 1, text: 'VIP_1' },
-      { id: 2, text: 'VIP_2' },
-    ]);
-    const ratingSelected: Ref<number | undefined> = ref();
     const getListCustomer = () => {
       //   const response = (await api({
       //     url: API_PATHS.getListArtist,
@@ -255,8 +249,6 @@ export default defineComponent({
       dataTest,
       totalPage,
       changePageSize,
-      ratingSelected,
-      ratingOptions,
     };
   },
 });

src/pages/khach-hang/index.vue

 <template>
   <div class="row q-col-gutter-sm flex-center q-mt-sm">
+    <div class="col-auto text-h6 text-weight-regular flex flex-center q-mr-md">
+      {{ $t('customer.title') }}
+      <q-separator vertical spaced />
+    </div>
     <q-space></q-space>
     <div class="col-2">
       <q-input
@@ -21,8 +25,8 @@
     </div>
     <div class="col-2" dense outlined>
       <q-select
-        v-model="ratingSelected"
-        :options="ratingOptions"
+        v-model="ratings"
+        :options="ratingsOptions"
         option-label="text"
         option-value="id"
         dense