/

/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.md

1 KB raw

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

useMouse

Reactive mouse position

Package: @vueuse/core Category: Sensors

Usage

<template>
  <UseMouse v-slot="{ x, y }">
    x: {{ x }}
    y: {{ y }}
  </UseMouse>
</template>

Options

Option	Type	Default	Description
type	`UseMouseCoordType \| UseMouseEventExtractor`	page	Mouse position based by page, client, screen, or relative to previous position
target	`MaybeRefOrGetter<Window \| EventTarget \| null \| undefined>`	Window	Listen events on `target` element
touch	`boolean`	true	Listen to `touchmove` events
scroll	`boolean`	true	Listen to `scroll` events on window, only effective on type `page`
resetOnTouchEnds	`boolean`	false	Reset to initial value when `touchend` event fired
initialValue	`Position`	-	Initial values

Returns

Name	Type
x	`shallowRef`
y	`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 9 hours ago.

Activeupdated 7 months ago