{"library":"vue-click-outside-element","type":"library","category":null,"description":"Vue-Click-Outside-Element is a specialized Vue directive designed to detect clicks that occur outside the DOM element it is applied to, rather than outside a Vue component. This distinction is crucial for scenarios where event delegation needs to target a specific HTML element. The current stable version is 3.1.2, which offers improved TypeScript typings and better testing, particularly for Vue 3. The package has seen recent updates, including a transition to Vite for building (v3.1.0) and significant refactoring for Vue 3 compatibility (v3.0.0). It is maintained with a clear roadmap, including plans to potentially combine element and component click-outside functionalities in the future. It's a lightweight solution focused solely on element-level click detection, differentiating it from more generalized event handling libraries or those specifically for component-level interaction.","language":"javascript","status":"active","version":"3.1.2","tags":["javascript","vue","vue directive","directive","click outside element","dom","vue click","v-click-outside","vue-click-outside","typescript"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue-click-outside-element","imports":["import vueClickOutsideElement from 'vue-click-outside-element'","app.use(vueClickOutsideElement)","import type { App } from 'vue'"]},{"cmd":"yarn add vue-click-outside-element","imports":[]},{"cmd":"pnpm add vue-click-outside-element","imports":[]}],"homepage":null,"github":"https://github.com/ColtHands/Vue-Click-Outside-Element","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue-click-outside-element","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-click-outside-element/compatibility"}}