From 9641f0000893b856f677a860edd3ee2ce5fd2374 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz?= <ljedrasik@vuestorefront.io>
Date: Mon, 15 Feb 2021 16:01:59 +0100
Subject: [PATCH] Added VueLazyload and VueObserveVisibility

---
 CHANGELOG.md | 5 +++++
 index.js     | 4 ++++
 package.json | 4 +++-
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 64bbadb9..bff55673 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.0.5] - ???
+
+### Added
+- Added `VueObserveVisibility` and `VueLazyload` dependency
+
 ## [1.0.4] - 04.01.2020
 
 ### Added
diff --git a/index.js b/index.js
index f5fb1af8..2cbe560f 100644
--- a/index.js
+++ b/index.js
@@ -3,6 +3,8 @@ import App from './App';
 import routes from './router';
 import Vue from 'vue';
 import VueProgressBar from 'vue-progressbar';
+import VueLazyload from 'vue-lazyload';
+import VueObserveVisibility from 'vue-observe-visibility';
 import '@vue-storefront/core/lib/passive-listeners';
 import { once } from '@vue-storefront/core/helpers';
 import { module as cartModule } from './store/cart';
@@ -17,6 +19,8 @@ import { StorageManager } from '@vue-storefront/core/lib/storage-manager';
 
 once('__VUE_EXTEND_DROPPOINT_VPB__', () => {
   Vue.use(VueProgressBar);
+  Vue.use(VueLazyload, { attempt: 2, preLoad: 1.5 });
+  Vue.use(VueObserveVisibility);
 });
 
 const themeEntry = App;
diff --git a/package.json b/package.json
index a5d5a64a..5dc21f3e 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,9 @@
     "vue-offline": "^1.0.8",
     "vue-progressbar": "^0.7.5",
     "vuelidate": "0.6.2",
-    "vuex": "^3.0.1"
+    "vuex": "^3.0.1",
+    "vue-lazyload": "^1.3.3",
+    "vue-observe-visibility": "^0.4.1"
   },
   "devDependencies": {
     "husky": "^3.1.0",