/

/vueuse

Use when working with VueUse composables - track mouse position with useMouse, manage localStorage with useStorage, detect network status with useNetwork, debounce values with refDebounced, and access browser APIs reactively. Check VueUse before writing custom composables - most patterns already implemented.

251 files
167.3 KB
MIT
Updated 7 months ago
GitHub

Ask your Agent

Use this Skill: https://skilld.dev/gh/onmax/claude-config/vueuse

This session only. Nothing lands on disk.

composablesuse-mouse-pressed.md

1.2 KB raw

≈298 tokens on demand. Your agent reads this file only when SKILL.md points to it.

useMousePressed

Reactive mouse pressing state. Triggered by on target element and released by on window.

Package: @vueuse/core Category: Sensors

Usage

import { useMousePressed } from '@vueuse/core'

const { pressed } = useMousePressed()

Options

Option	Type	Default	Description
touch	`boolean`	true	Listen to `touchstart` `touchend` events
drag	`boolean`	true	Listen to `dragstart` `drop` and `dragend` events
capture	`boolean`	false	Add event listeners with the `capture` option set to `true`
initialValue	`boolean`	false	Initial values
target	`MaybeComputedElementRef`	-	Element target to be capture the click
onPressed	`(event: MouseEvent \| TouchEvent \| DragEvent) => void`	-	Callback to be called when the mouse is pressed
onReleased	`(event: MouseEvent \| TouchEvent \| DragEvent) => void`	-	Callback to be called when the mouse is released

Returns

Name	Type
pressed	`shallowRef`
sourceType	`shallowRef<UseMouseSourceType>`

Reference

VueUse Docs

Source: SKILL.md on GitHub

Third-party checks

No third-party reports yet.

Provenance

Signed by skilld at 50538df. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 12 hours ago.

Activeupdated 7 months ago