src/components/common/VnSelect.vue

@@ -129,6 +129,8 @@ async function filterHandler(val, update) {
 
     if (!$props.defaultFilter) return update();
     const newOptions = filter(val, myOptionsOriginal.value);
+
+    setTimeout(() => {
         update(
             () => {
                 myOptions.value = newOptions;
@@ -140,6 +142,7 @@ async function filterHandler(val, update) {
                 }
             }
         );
+    }, 300);
 }
 </script>
 
@@ -178,6 +181,13 @@ async function filterHandler(val, update) {
         >
             <slot :name="slotName" v-bind="slotData ?? {}" :key="slotName" />
         </template>
+        <template #no-option>
+            <QItem>
+                <QItemSection class="text-grey">
+                    {{ t('emptyList') }}
+                </QItemSection>
+            </QItem>
+        </template>
     </QSelect>
 </template>
 

src/pages/Ecomerce/CatalogView.vue

@@ -760,7 +760,8 @@ const getSubcategories = async () => {
             DROP TEMPORARY TABLE tmp.itemAvailable;`,
             { orderId: basketOrderId.value }
         );
-        itemSubcategories.value = res.results[1].data;
+        const filtered = res.results[1].data.filter(item => item.category);
+        itemSubcategories.value = filtered.map(i => i.category);
     } catch (error) {
         console.error('Error getting subcategories:', error);
     }