Bugfix/product image loader

[pspaczek]

Short description and why it's useful

I extract to the new component images loading strategy implemented in Product Gallery Carousel and use it on Producta Gellery Carousel and Product Gallery Zoom Carousel components.

Which environment this relates to

Check your case. In case of any doubts please read about Release Cycle

• Test version (https://test.storefrontcloud.io) - this is a new feature or improvement for Vue Storefront. I've created branch from develop branch and want to merge it back to develop
• RC version (https://next.storefrontcloud.io) - this is a stabilisation fix for Release Candidate of Vue Storefront. I've created branch from release branch and want to merge it back to release
• Stable version (https://demo.storefrontcloud.io) - this is an important fix for current stable version. I've created branch from hotfix or master branch and want to merge it back to hotfix

Upgrade Notes and Changelog

• No upgrade steps required (100% backward compatibility and no breaking changes)
• I've updated the Upgrade notes and Changelog on how to port existing VS sites with this new feature

IMPORTANT NOTICE - Remember to update CHANGELOG.md with description of your change

Contribution and currently important rules acceptance

• I read and followed contribution rules
• I read the TypeScript Action Plan and adjusted my PR according to it
• I read about Vue Storefront Modules and I am aware that every new feature should be a module

[DaanKouters]

Nice, good improvement

[pkarw]

Please do check the usage of !! operator

[patzick]

Thanks, mostly things we've discussed.

After improvements QA team should checkout this branch and test images on category, homepage and product pages locally before we will merge that in (notice to @pkarw :) )

[pspaczek]

@patzick

• I removed hidden props from component and use v-show on parent component
• Used $listeners to stop using '.native' event
• I set default for all props and removed required
• Cheged object name to 'image'

I used https://css-tricks.com/aspect-ratio-boxes/ to maintaining image size. I used to this mathematic formula {height% / ( width / 100 )}

outdated review

[patzick]

Merged and ready for tests

[alinadivante]

@przspa You forgot about pictures in checkout :)

[patzick]

Related to #2863 - @przspa please take a look :)

[pspaczek]

@przspa You forgot about pictures in checkout :)
#3013 fixed my mistake