vue-intersect
Advanced tools
Comparing version 1.1.1 to 1.1.2
{ | ||
"name": "vue-intersect", | ||
"version": "1.1.1", | ||
"version": "1.1.2", | ||
"description": "A Vue component to add intersection-observer to a Vue component or HTML element.", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
@@ -11,2 +11,3 @@ # Vue Intersect | ||
* [Introduction](#introduction) | ||
* [Demo](#demo) | ||
* [Installation](#installation) | ||
@@ -26,2 +27,12 @@ * [Usage](#usage) | ||
## Demo | ||
We've made a basic demo of how you might want to use **vue-intersect**. The code is available in the [gh-pages branch](https://github.com/heavyy/vue-intersect/tree/gh-pages) and the part where **vue-intersect** is used [can be found here](https://github.com/heavyy/vue-intersect/blob/gh-pages/src/components/InfiniteScrollItem.vue#L33). | ||
[Hackernews infinite scroll demo](https://heavyy.github.io/vue-intersect/) | ||
> Please keep in mind that the demo is not production code. Use it as an inspiration. | ||
## Installation | ||
@@ -89,3 +100,3 @@ | ||
| ---------- | ---------------------------------------- | ---------------------------------------- | | ||
| **change** | [*IntersectionObserverEntry*](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry) | Event fired on any inte. | | ||
| **change** | [*IntersectionObserverEntry*](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry) | Event fired on any intersection. | | ||
| **enter** | [*IntersectionObserverEntry*](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry) | Event fired when the element is intersected (visible on the screen) | | ||
@@ -92,0 +103,0 @@ | **leave** | [*IntersectionObserverEntry*](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry) | Event fired when the element is *not* intersected (not visible on the screen) | |
136377
117