vue-use-intersection-observer 1.0.9 → 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +16 -6
  2. package/package.json +1 -1
package/README.md CHANGED
@@ -33,6 +33,8 @@ Simple and lightweight visibility observer for **vue 3**, built on top of `Inter
33
33
  npm i vue-use-intersection-observer
34
34
  ```
35
35
 
36
+  
37
+
36
38
  ## 🚀 How to use
37
39
 
38
40
  ### 🔌 Plugin setup
@@ -98,12 +100,6 @@ onBeforeUnmount(() => {
98
100
  </script>
99
101
  ```
100
102
 
101
- ### ▶️ Demo
102
-
103
- ![Demo](https://raw.githubusercontent.com/Mathiew82/vue-use-intersection-observer/main/demo.gif)
104
-
105
- ![Demo](https://raw.githubusercontent.com/Mathiew82/vue-use-intersection-observer/main/demo2.gif)
106
-
107
103
  ### 🛠 API
108
104
 
109
105
  #### `useIntersectionObserver()`
@@ -145,3 +141,17 @@ Stop observing a previously registered element.
145
141
  | Name | Type | Description | Required | Default |
146
142
  | ------ | ---- | ----------------------------- | -------- | ------- |
147
143
  | target | ref | Element ref to stop observing | true | — |
144
+
145
+ &nbsp;
146
+
147
+ ## ▶️ Demo
148
+
149
+ ![Demo](https://raw.githubusercontent.com/Mathiew82/vue-use-intersection-observer/main/demo.gif)
150
+
151
+ ![Demo](https://raw.githubusercontent.com/Mathiew82/vue-use-intersection-observer/main/demo2.gif)
152
+
153
+ &nbsp;
154
+
155
+ ## 🧠 How it works
156
+
157
+ ![How it works](https://raw.githubusercontent.com/Mathiew82/vue-use-intersection-observer/main/how-it-works.png)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue-use-intersection-observer",
3
- "version": "1.0.9",
3
+ "version": "1.0.10",
4
4
  "description": "Simple visibility observer plugin for Vue 3 using IntersectionObserver.",
5
5
  "keywords": [
6
6
  "vue",