{"library":"vue-resize-observer","type":"library","category":null,"description":"Vue Resize Observer is a lightweight plugin that provides a Vue directive, `v-resize`, to easily detect and react to resize events on any DOM element within a Vue component. It leverages the native `ResizeObserver` browser API for efficient size change detection without the performance overhead of traditional window resize listeners or polling. The package supports both Vue 2 (version `2.0.16` is the latest stable for Vue 2) and Vue 3, with separate installation instructions (`vue-resize-observer@next` for Vue 3). While not explicitly stated, the `@next` tag indicates active development for Vue 3 compatibility, suggesting a potentially faster release cadence for the Vue 3 branch. Its primary differentiator is the direct integration of the `ResizeObserver` API into a straightforward Vue directive, simplifying responsive layouts and element-specific size management.","language":"javascript","status":"active","version":"2.0.16","tags":["javascript","vue","vue3","plugin","resize","event","observer"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue-resize-observer","imports":["import VueResizeObserver from \"vue-resize-observer\";","const VueResizeObserver = require(\"vue-resize-observer\");","import VueResizeObserver from \"vue-resize-observer\";\n// ... in a component options object:\ndirectives: { 'resize': VueResizeObserver }"]},{"cmd":"yarn add vue-resize-observer","imports":[]},{"cmd":"pnpm add vue-resize-observer","imports":[]}],"homepage":null,"github":"https://github.com/wangweiwei/vue-resize-observer","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue-resize-observer","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/vue-resize-observer/compatibility"}}