From 59c81885b5a63ce96743c50bfc6917c795f162cd Mon Sep 17 00:00:00 2001 From: Josh Stoik Date: Tue, 12 Jun 2018 23:17:00 -0700 Subject: [PATCH] clarify browser support --- README.md | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 704ba33..69d2586 100644 --- a/README.md +++ b/README.md @@ -15,7 +15,13 @@ What Goes Around is a dual-purpose visibility and lazy-loading plugin for [Vue.j ## Installation -What Goes Around is compatible with all major modern web browsers and IE 11. Aside from [Vue.js](https://vuejs.org/), there are no third-party requirements. +Aside from [Vue.js](https://vuejs.org/), there are no third-party requirements. + +What Goes Around is compatible with all major modern web browsers. + +This plugin will also work with ~~the browser that just won't die~~ IE 11 if you include an [IntersectionObserver polyfill](https://github.com/w3c/IntersectionObserver/tree/master/polyfill). + +This plugin does make use of some ES6 markup like `let` and `const`. If your project needs to support *old* browsers, you will need to first transpile `vue-what-goes-around.min.js` to ES5 with a tool like [Babel](https://babeljs.io/), then serve that copy to visitors. To install it, simply drop a link to the script in your code: @@ -78,6 +84,8 @@ If using this directive to lazy-load image sources for an `` or `` You're welcome. :) +**Note:** If lazy-loading the sources for a `` element, you should apply separate `v-lazy` directives to each `` and the `` tag, otherwise strange and wild things might happen. + ### Classes This directive applies two state classes to bound elements: `is:lazy` and `is:lazy-loaded`. The former is added during Vue setup, and is replaced with the latter as soon as lazy-loading has triggered.