Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

vue-intersect

Package Overview
Dependencies
Maintainers
1
Versions
10
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-intersect - npm Package Compare versions

Comparing version 1.1.0 to 1.1.1

2

package.json
{
"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 @@ }

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc