vue-intersect
Advanced tools
Comparing version 1.1.0 to 1.1.1
{ | ||
"name": "vue-intersect", | ||
"version": "1.1.0", | ||
"version": "1.1.1", | ||
"description": "A Vue component to add intersection-observer to a Vue component or HTML element.", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
@@ -19,3 +19,3 @@ # Vue Intersect | ||
The [IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) is an amazing API which allows you to observe one or more HTMLElement for when it has enterede or left the viewport. | ||
The [IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) is an amazing API which allows you to observe one or more HTMLElement for when it has entered or left the viewport. | ||
@@ -53,3 +53,3 @@ This API has many use cases like, infinite-scroll, lazy-loading or animations when an element enters the viewport. | ||
<template> | ||
<intersect @intersected="msg = 'Intersected!'"> | ||
<intersect @enter="msg = 'Intersected'" @leave="msg = 'Not intersected'"> | ||
<div>{{ msg }}</div> | ||
@@ -66,9 +66,4 @@ </intersect> | ||
return { | ||
msg: 'Not intersected.' | ||
msg: 'I will change' | ||
} | ||
}, | ||
methods: { | ||
onIntersected () { | ||
alert('Element has intersected.') | ||
} | ||
} | ||
@@ -75,0 +70,0 @@ } |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
0
135849
106