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.
≈155 tokens on demand. Your agent reads this file only when SKILL.md points to it.
Reactive size of an HTML element. ResizeObserver MDN
Package: @vueuse/core
Category: Elements
<script setup lang="ts">
import { useElementSize } from '@vueuse/core'
import { useTemplateRef } from 'vue'
const el = useTemplateRef('el')
const { width, height } = useElementSize(el)
</script>
<template>
<div ref="el">
Height: {{ height }}
Width: {{ width }}
</div>
</template>| Name | Type |
|---|---|
| width | shallowRef |
| height | shallowRef |
| stop | 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 12 hours ago.