vueuse-core-skilld

Q: How do I install vueuse-core-skilld?

Run npx skills add https://github.com/skilld-dev/vue-ecosystem-skills --skill vueuse-core-skilld in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/vueuse-core-skilld/ (personal) or .claude/skills/vueuse-core-skilld/ (project).

by skilld-devFrontend & Design

Collection of essential Vue Composition Utilities. ALWAYS use when writing code that imports "@vueuse/core" or "@vueuse/shared" (VueUse). Provides the v15.0.0 API surface, v14 to v15 migration rules, new composables (useWebMCP, useTemporalNow, useLiveAnnouncer, useElementOverflow), deprecations, and configuration best practices.

Installs: 217
Last 24h: —
Trending rank: —
Security: Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/skilld-dev/vue-ecosystem-skills --skill vueuse-core-skilld

01
Install
Run the command in your project. The CLI asks which agents to install for.
02
Describe the task
Ask your agent for something this skill covers. It loads vueuse-core-skilld automatically when relevant.
03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

@vueuse/core 15.0.0

Prepared source: @vueuse/core@15.0.0 (package.json:4). File citations below use paths relative to that package root. Docs citations are absolute URLs.

Environment limits

ESM-only since v13 ("type": "module", package.json:3). require() fails.
Requires Vue ^3.5.0 (package.json:42).
Requires Node.js >= 22 (package.json:39); Node 20 support dropped in v15.0.0 (release).
Exports: . and ./metadata (package.json:24-28). Everything ships from dist/.
@vueuse/shared@15.0.0 is a dependency and fully re-exported (dist/index.d.ts:3), so import { useToggle } from '@vueuse/core' works; see shared API.

v15 rules that change generated code

No templateRef. Removed in v15.0.0 (release). Use Vue's built-in useTemplateRef() instead.
Timer options are gone; pass scheduler. The deprecated per-composable interval / immediate options were removed from ConfigurableScheduler composables in v15.0.0 (release). Affected options interfaces extend or intersect ConfigurableScheduler (dist/index.d.ts:212-217): useCountdown, useNow, useTimestamp, useTimeAgo, useTimeAgoIntl, useTemporalNow, useElementByPoint, useMemory, useVibrate, and useWebSocket's heartbeat option. scheduler is (cb: Fn) => Pausable, so useRafFn plugs in directly.
useThrottleFn now fires trailing calls by default (trailing default changed false to true, v15.0.0 (release)). Pass trailing = false (3rd argument) to keep v14 behavior.
useEventSource handles SSE message events and triggers both onmessage and addEventListener handlers (v15.0.0 (release)). Do not add manual duplicate listeners for unnamed events.
deepRefs default flips next major. It defaults to true today with an explicit warning that the next major changes it to false (dist/index.d.ts:204-211). Pass deepRefs explicitly where the value matters.

Do not use (deprecated or replaced)

Export	Replacement	Evidence
`computedEager`	`computed()` (Vue 3.4+ no longer re-triggers on unchanged values)	docs "will be removed in future version"
`watchPausable`	Vue 3.5 native `watch()` returns `{ stop, pause, resume }`	docs
`executeTransition`	`transition(source, from, to, options)`	deprecated at `dist/index.d.ts:5114-5121`
`UseTransitionOptions.transition`	`easing` option	same deprecation block
`breakpointsVuetify`	`breakpointsVuetifyV2` or `breakpointsVuetifyV3`	deprecated at `dist/index.d.ts:758-762`
`asyncComputed`	`computedAsync` (alias remains, `dist/index.d.ts:46`)	alias of `computedAsync`

Common tasks

import { useLocalStorage, useDark, useTitle, useThrottleFn } from '@vueuse/core'

// Reactive getter args enable derived values without computed()
const isDark = useDark()
const title = useTitle(() => isDark.value ? 'Night' : 'Day')

// Storage with schema evolution: mergeDefaults fills new keys
const settings = useLocalStorage('settings', { theme: 'light', density: 'comfortable' }, { mergeDefaults: true })

// v15 throttle fires a trailing call by default; 3rd arg is `trailing`
const onResize = useThrottleFn(handler, 200, false, true) // trailing=false, leading=true

import { useWebMCP } from '@vueuse/core'

// Register a WebMCP tool for browser agents (new in v15)
const { isSupported, isRegistered, error } = useWebMCP({
  name: 'get-current-user',
  description: 'Returns the signed-in user id',
  inputSchema: { type: 'object' },
  execute: () => ({ userId: user.value?.id ?? null }),
})

More patterns: best practices.

References

API surface: complete v15 export inventory, grouped.
Shared API: the @vueuse/shared functions re-exported by core.
Migration v14 to v15: every breaking change, feature, and notable fix since v14.3.0, cited.
New functions in v15: useWebMCP, useTemporalNow, useLiveAnnouncer, useElementOverflow usage.
Best practices: getters, event filters, storage serializers, schedulers, SSR, scoping.

Debugging notes (v15 fixes that may explain behavior changes)

useFetch ignores a stale success response after a newer request starts, and ignores stale abort errors after a refetch succeeds (v15, v14.4).
useWebSocket ignores messages from a superseded socket and syncs status to CLOSED after explicit close() (same releases).
useResizeObserver guards observe() with instanceof Element, so Vue comment nodes no longer crash it (v15).
Pointer handling: useDraggable and usePointerSwipe end on pointercancel, usePointer resets isInside, onLongPress clears pending presses (v15, v14.4).

FAQ

What does the vueuse-core-skilld skill do?

How do I install vueuse-core-skilld?

Run npx skills add https://github.com/skilld-dev/vue-ecosystem-skills --skill vueuse-core-skilld in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/vueuse-core-skilld/ (personal) or .claude/skills/vueuse-core-skilld/ (project).

Which AI agents can use vueuse-core-skilld?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is vueuse-core-skilld safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains vueuse-core-skilld?

It is published by skilld-dev in skilld-dev/vue-ecosystem-skills. It has 217 recorded installs.