Vue 3 wrapper for idle-observer using Composition API.
npm install @idle-observer/vue3Vue 3 integration for the robust idle-observer core. Detects user idleness in your Vue 3 apps, even with browser timer throttling.
- Timestamp-based idle detection (robust against timer throttling)
- All core options: onIdle, onActive, onIdleWarning, activityEvents, idleWarningDuration
- Pause, resume, reset, destroy methods
- isIdle and isUserIdle state
- Works with the Vue 3 Composition API
``bash`
npm install @idle-observer/vue3or
pnpm add @idle-observer/vue3
`js
import { useIdleObserver } from '@idle-observer/vue3'
export default {
setup() {
const { isIdle, isUserIdle, pause, resume, reset, destroy } = useIdleObserver({
timeout: 60000,
onIdle: () => {
/ ... /
},
onActive: () => {
/ ... /
},
onIdleWarning: () => {
/ ... /
},
activityEvents: ['mousemove', 'keydown'],
idleWarningDuration: 10000
})
return { isIdle, isUserIdle, pause, resume, reset, destroy }
}
}
``
See core README for full option and method details.