Merge pull request vuestorefront#587 from lukaszjedrasik/add-vue-lazy…

…-load-vue-observe-visibility

Added VueLazyload and VueObserveVisibility

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

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;

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",