From b0b8205b5266603ac14affd15edbd234e79bd001 Mon Sep 17 00:00:00 2001
From: carlosfonseca <carlos.fonseca@mindshore.io>
Date: Tue, 2 Jan 2024 10:28:52 -0500
Subject: [PATCH] Solucion comentario

---
 src/pages/Order/Card/OrderCatalogFilter.vue | 25 +++++++++------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/src/pages/Order/Card/OrderCatalogFilter.vue b/src/pages/Order/Card/OrderCatalogFilter.vue
index 46de63abd..814aa49c6 100644
--- a/src/pages/Order/Card/OrderCatalogFilter.vue
+++ b/src/pages/Order/Card/OrderCatalogFilter.vue
@@ -67,24 +67,19 @@ function exprBuilder(param, value) {
             return { [param]: value };
     }
 }
+
+const setCategoryList = (data) => {
+    categoryList.value = (data || [])
+        .filter((category) => category.display)
+        .map((category) => ({
+            ...category,
+            icon: `vn:${(category.icon || '').split('-')[1]}`,
+        }));
+};
 </script>
 
 <template>
-    <FetchData
-        url="ItemCategories"
-        limit="30"
-        auto-load
-        @on-fetch="
-            (data) => {
-                categoryList = (data || [])
-                    .filter((category) => category.display)
-                    .map((category) => ({
-                        ...category,
-                        icon: `vn:${(category.icon || '').split('-')[1]}`,
-                    }));
-            }
-        "
-    />
+    <FetchData url="ItemCategories" limit="30" auto-load @on-fetch="setCategoryList" />
     <VnFilterPanel
         :data-key="props.dataKey"
         :search-button="true"