From 24483448dc48926631e3bab1ce5b638d3455343d Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 26 Mar 2024 06:27:22 +0100
Subject: [PATCH] refs #7136 perf: handle when fetchRef not exists

---
 src/components/common/VnSelectFilter.vue | 2 +-
 src/pages/InvoiceIn/InvoiceInFilter.vue  | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/common/VnSelectFilter.vue b/src/components/common/VnSelectFilter.vue
index 2d93c0e70..4c5cdf726 100644
--- a/src/components/common/VnSelectFilter.vue
+++ b/src/components/common/VnSelectFilter.vue
@@ -165,7 +165,7 @@ async function onScroll(scrollEv) {
     const lastIndex = myOptions.value.length - 1;
     const optionIndex = ref.getOptionIndex();
 
-    console.log(lastIndex, to, optionIndex);
+    if (!$props.fetchRef) return;
     if (direction === 'decrease') return;
     if (optionIndex > 0 && to === lastIndex && isLoading.value === false) {
         isLoading.value = true;
diff --git a/src/pages/InvoiceIn/InvoiceInFilter.vue b/src/pages/InvoiceIn/InvoiceInFilter.vue
index 8f8213f1c..192987fcd 100644
--- a/src/pages/InvoiceIn/InvoiceInFilter.vue
+++ b/src/pages/InvoiceIn/InvoiceInFilter.vue
@@ -28,6 +28,7 @@ const suppliersRef = ref();
         :filter="{ fields: ['id', 'nickname'] }"
         order="nickname"
         limit="30"
+        auto-load
         @on-fetch="(data) => (suppliers = data)"
     />
     <VnFilterPanel :data-key="props.dataKey" :search-button="true">
@@ -86,10 +87,10 @@ const suppliersRef = ref();
                         :options="suppliers"
                         option-value="id"
                         option-label="nickname"
-                        @input-value="suppliersRef.fetch()"
                         dense
                         outlined
                         rounded
+                        :fetch-ref="suppliersRef"
                     >
                     </VnSelectFilter>
                 </QItemSection>