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

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

useDark

Reactive dark mode with auto data persistence.

Package: @vueuse/core Category: Browser

Usage

import { useDark, useToggle } from '@vueuse/core'

const isDark = useDark()
const toggleDark = useToggle(isDark)

Options

Option Type Default Description
valueDark string dark Value applying to the target element when isDark=true
valueLight string - Value applying to the target element when isDark=false
onChanged (isDark: boolean, defaultHandler: ((mode: BasicColorSchema) => void), mode: BasicColorSchema) => void undefined A custom handler for handle the updates.

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