fix filter issues

resources/scripts/components/base/BaseCustomerSelectInput.vue

@@ -6,7 +6,6 @@
     value-prop="id"
     label="name"
     :filter-results="false"
-    :min-chars="1"
     resolve-on-load
     :delay="500"
     :searchable="true"

resources/scripts/views/invoices/Index.vue

@@ -179,10 +179,7 @@
         </template>
 
         <template #cell-name="{ row }">
-         <BaseText
-            :text="row.data.customer.name"
-            :length="30"
-          />
+          <BaseText :text="row.data.customer.name" :length="30" />
         </template>
 
         <!-- Invoice Number  -->

resources/scripts/views/items/Index.vue

@@ -50,12 +50,16 @@
       <BaseInputGroup :label="$tc('items.unit')" class="text-left">
         <BaseMultiselect
           v-model="filters.unit_id"
-          :options="itemStore.itemUnits"
-          label="name"
           :placeholder="$t('items.select_a_unit')"
-          class="w-full"
           value-prop="id"
+          track-by="name"
+          :filter-results="false"
+          label="name"
+          resolve-on-load
+          :delay="500"
           searchable
+          class="w-full"
+          :options="searchUnits"
         />
       </BaseInputGroup>
 
@@ -298,6 +302,12 @@ function setFilters() {
   refreshTable()
 }
 
+async function searchUnits(search) {
+  let res = await itemStore.fetchItemUnits({ search })
+
+  return res.data.data
+}
+
 async function fetchData({ page, filter, sort }) {
   let data = {
     search: filters.name,