compare page update height after loading images

packages/Webkul/Velocity/src/Resources/views/shop/customers/account/index.blade.php

@@ -15,7 +15,7 @@
 @push('scripts')
     <script>
         $(document).ready(function() {
-            let updateHeight = () => {
+            window.updateHeight = () => {
                 let sidebarHeight = $('.customer-sidebar').css('height');
                 let contentHeight = $('.account-layout').css('height');
 
@@ -28,9 +28,9 @@
                 $('.account-content').css('height', height);
             }
 
-            updateHeight();
+            window.updateHeight();
 
-            $('.accordian-header').click(updateHeight);
+            $('.accordian-header').click(window.updateHeight);
         });
     </script>
 @endpush

packages/Webkul/Velocity/src/Resources/views/shop/guest/compare/compare-products.blade.php

@@ -57,6 +57,7 @@
                                             <img
                                                 class="image-wrapper"
                                                 :src="product['{{ $attribute['code'] }}']"
+                                                onload="window.updateHeight ? window.updateHeight() : ''"
                                                 :onerror="`this.src='${$root.baseUrl}/vendor/webkul/ui/assets/images/product/large-product-placeholder.png'`" />
                                         </a>
                                         @break