All skills

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

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

This session only. Nothing lands on disk.

composablesuse-virtual-list.md

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

useVirtualList

Package: @vueuse/core Category: Component

Usage

import { useVirtualList } from '@vueuse/core'

const { list, containerProps, wrapperProps } = useVirtualList(
  Array.from(Array.from({ length: 99999 }).keys()),
  {
    // Keep `itemHeight` in sync with the item's row.
    itemHeight: 22,
  },
)

Options

Option Type Default Description
overscan number 5 the extra buffer items outside of the view area

Returns

Name Type
calculateRange createCalculateRange
scrollTo createScrollTo
containerStyle Ref
wrapperProps computed
currentList Ref
containerRef shallowRef<HTMLElement | null>

Reference

VueUse Docs

Source: SKILL.md on GitHub

No third-party reports yet.

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

README badge

README badge for onmax/claude-config/vueuse