From 0ed9fdd55da1c3939848129bc0c7b72daa3660b8 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 7 Oct 2024 13:02:40 +0200
Subject: [PATCH] fix: refs VnImg zoom resolution missing property

---
 src/components/ui/CatalogItem.vue    | 2 +-
 src/pages/Item/ItemList.vue          | 3 +--
 src/pages/Order/Card/OrderLines.vue  | 6 +++++-
 src/pages/Ticket/Card/TicketSale.vue | 2 +-
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/ui/CatalogItem.vue b/src/components/ui/CatalogItem.vue
index 545bfbbb40..7dca197705 100644
--- a/src/components/ui/CatalogItem.vue
+++ b/src/components/ui/CatalogItem.vue
@@ -31,7 +31,7 @@ const dialog = ref(null);
     <div class="container order-catalog-item overflow-hidden">
         <QCard class="card shadow-6">
             <div class="img-wrapper">
-                <VnImg :id="item.id" class="image" />
+                <VnImg :id="item.id" class="image" zoom-resolution="1600x900" />
                 <div v-if="item.hex && isCatalog" class="item-color-container">
                     <div
                         class="item-color"
diff --git a/src/pages/Item/ItemList.vue b/src/pages/Item/ItemList.vue
index e3fcceb3a2..ae4c9531c6 100644
--- a/src/pages/Item/ItemList.vue
+++ b/src/pages/Item/ItemList.vue
@@ -491,9 +491,8 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                         <QTd>
                             <VnImg
                                 size="50x50"
+                                zoom-resolution="1600x900"
                                 :id="row.id"
-                                height="50px"
-                                width="50px"
                                 class="image"
                             />
                         </QTd>
diff --git a/src/pages/Order/Card/OrderLines.vue b/src/pages/Order/Card/OrderLines.vue
index 17a1577979..0223aa9c61 100644
--- a/src/pages/Order/Card/OrderLines.vue
+++ b/src/pages/Order/Card/OrderLines.vue
@@ -278,7 +278,11 @@ watch(
     >
         <template #column-image="{ row }">
             <div class="image-wrapper">
-                <VnImg :id="parseInt(row?.item?.image)" class="rounded" />
+                <VnImg
+                    :id="parseInt(row?.item?.image)"
+                    class="rounded"
+                    zoom-resolution="1600x900"
+                />
             </div>
         </template>
         <template #column-id="{ row }">
diff --git a/src/pages/Ticket/Card/TicketSale.vue b/src/pages/Ticket/Card/TicketSale.vue
index f86863f055..f179257f7b 100644
--- a/src/pages/Ticket/Card/TicketSale.vue
+++ b/src/pages/Ticket/Card/TicketSale.vue
@@ -591,7 +591,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
         <template #body-cell-picture="{ row }">
             <QTd>
                 <div class="image-wrapper">
-                    <VnImg :id="row.itemFk" class="rounded" />
+                    <VnImg :id="row.itemFk" class="rounded" zoom-resolution="1600x900" />
                 </div>
             </QTd>
         </template>