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.
≈149 tokens on demand. Your agent reads this file only when SKILL.md points to it.
Debounce execution of a ref value.
Package: @vueuse/shared
Category: Reactivity
import { refDebounced } from '@vueuse/core'
import { shallowRef } from 'vue'
const data = shallowRef({
name: 'foo',
age: 18,
})
const debounced = refDebounced(data, 1000)
function update() {
data.value = {
...data.value,
name: 'bar',
}
}
console.log(debounced.value) // { name: 'foo', age: 18 }
update()
await sleep(1100)
console.log(debounced.value) // { name: 'bar', age: 18 }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 12 hours ago.