Merge pull request #2 from raftx24/feature/add-resize-observer

added resizeObserver

Author: dam1r89

package.json

@@ -34,7 +34,8 @@
   "homepage": "https://github.com/Akryum/vue-virtual-scroller#readme",
   "dependencies": {
     "scrollparent": "^2.0.1",
-    "vue-observe-visibility": "^0.4.4"
+    "vue-observe-visibility": "^0.4.4",
+    "vue-resize": "^0.4.5"
   },
   "peerDependencies": {
     "vue": "^2.6.11"

src/components/RecycleScroller.vue

@@ -47,6 +47,8 @@
         name="after"
       />
     </div>
+
+    <ResizeObserver @notify="handleResize" />
   </div>
 </template>
 
@@ -56,14 +58,18 @@ import ScrollParent from 'scrollparent'
 import config from '../config'
 import { props, simpleArray } from './common'
 import { supportsPassive } from '../utils'
-
+import { ResizeObserver } from 'vue-resize'
 let uid = 0
 
 export default {
   name: 'RecycleScroller',
 
+  components: {
+    ResizeObserver
+  },
+
   directives: {
-    ObserveVisibility,
+    ObserveVisibility
   },
 
   props: {