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.
Ask your Agent
Use this Skill: https://skilld.dev/gh/onmax/claude-config/vueuse
This session only. Nothing lands on disk.
≈113 tokens on demand. Your agent reads this file only when SKILL.md points to it.
Reactive
Package: @vueuse/core
Category: Browser
import { useScreenSafeArea } from '@vueuse/core'
const {
top,
right,
bottom,
left,
} = useScreenSafeArea()| Name | Type |
|---|---|
| top | shallowRef |
| right | shallowRef |
| bottom | shallowRef |
| left | shallowRef |
| update | Ref |
Source: SKILL.md on GitHub
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.