/vuetify0

name: vuetify0
description: Use when building Vue 3 UI that needs headless logic — selection state (single, multi, grouped, nested, stepped), form validation, registries, context providers, virtual scrolling, pagination, data tables, focus traversal, keyboard shortcuts, resize/intersection/mutation observers, popovers, snackbars, SSR-safe browser checks, theming, RTL, breakpoints, or WAI-ARIA compound components. Triggers on @vuetify/v0, vuetify0, v0, createX composables, or import paths starting with #v0.

Vuetify0

Headless Vue 3 primitives. Logic only, zero styling. Feeds Vuetify 4 through minor releases.

<!-- @generated:counts --> <!-- Generated by scripts/generate-skill.ts — do not edit by hand. --> **40 components, 71 composables, 24 utilities** across 15 categories. Compound-component APIs with WAI-ARIA semantics. <!-- @generated:counts:end -->

Install

pnpm install @vuetify/v0

No global plugin required. Tree-shakeable imports:

import { createSelection, useBreakpoints } from '@vuetify/v0'
import { Tabs, Dialog } from '@vuetify/v0/components'

Decision table — reach for these first

Check this table **before writing custom logic**. Match by problem, not by keyword.

| Problem | Use | Category | |---|---|---| | Single-choice state (tabs, theme picker) | `createSingle` | selection | | Multi-choice state (filters, tag pickers) | `createSelection` | selection | | Select-all with tri-state | `createGroup` | selection | | Tree / nested selection (treeview, menus) | `createNested` | selection | | Wizard / carousel step tracking | `createStep` | selection | | Id-based value store (shared across sub-components) | `createModel` | selection | | Form with async validation + dirty tracking | `createForm` + `createValidation` | forms | | Slider / range / knob state | `createSlider` | forms | | Autocomplete / combobox | `createCombobox` | forms | | Spin-button numeric input | `createNumberField` / `createNumeric` | forms | | One-time-password / verification-code value | `createOtp` | forms | | Paginated or virtualized list | `createPagination`, `createVirtual` | data | | Sortable / filterable table | `createDataTable`, `createFilter` | data | | Breadcrumb trail derived from route | `createBreadcrumbs` | utilities | | Overflow / responsive menu (hides overflowing items) | `createOverflow` | utilities | | Type-safe provide/inject | `createContext` | foundation | | Reactive registry of ids → values | `createRegistry` | registration | | Auto-dismissing queue (snackbars, toasts) | `createQueue` | registration | | Scheduled events over time (timeline, animation) | `createTimeline` | registration | | Design-token graph (theme, spacing scales) | `createTokens` | registration | | Floating UI positioning (popover, tooltip, menu) | `usePopover` | system | | Enter/leave animation orchestration | `usePresence` | system | | Roving tabindex (list, menubar) | `useRovingFocus` | system | | Virtual focus (combobox listbox) | `useVirtualFocus` | system | | Click outside / keyboard shortcut / event listener | `useClickOutside`, `useHotkey`, `useEventListener` | system | | ResizeObserver / IntersectionObserver / MutationObserver | `useResizeObserver`, etc. | system | | rAF loop or setTimeout with pause/resume | `useRaf`, `useTimer` | system | | Responsive breakpoints | `useBreakpoints`, `useMediaQuery` | plugins | | Localized strings + date/number format | `useLocale`, `useDate` | plugins | | Theme (light/dark/custom palette) | `useTheme` | plugins | | RTL direction awareness | `useRtl` | plugins | | z-index stacking for overlays | `useStack` | plugins | | Notifications / snackbar queue plugin | `useNotifications` | plugins | | Feature flags / permission checks | `useFeatures`, `usePermissions` | plugins | | Persisted state (localStorage / sessionStorage) | `useStorage` | plugins | | Structured logging with adapters | `useLogger` | plugins | | SSR-safe mount detection | `useHydration` | plugins |

**Full API and type signatures:** see [references/REFERENCE.md](references/REFERENCE.md).

<!-- @generated:api --> <!-- Generated by scripts/generate-skill.ts — do not edit by hand. -->

Full API surface

Every public composable and utility, grouped by category. `(stable)` and `(draft)` are marked; unmarked entries are preview.

Composables

**Foundation:**

• `createContext` — Factory for creating type-safe Vue dependency injection contexts. (stable)
• `createPlugin` — Factory for creating Vue plugins with proper context provision. (stable)
• `createTrinity` — Factory for creating the trinity pattern tuple used throughout the codebase. (stable)

**Registration:**

• `createQueue` — A queue composable for managing time-based collections
• `createRegistry` — A foundational composable for managing collections of items (tickets) (stable)
• `createTimeline` — Bounded undo/redo system with overflow management.
• `createTokens` — Design token registry with alias resolution and W3C Design Tokens format support.

**Forms:**

• `createCombobox` — Orchestrator composable that coordinates selection, popover, and virtual focus for a combobox (autocomplete/typeahead) pattern.
• `createForm` — Form composable that coordinates validation across multiple fields.
• `createInput` — Shared form field primitive.
• `createNumberField` — Orchestrator composable that composes createInput + createNumeric + Intl.NumberFormat.
• `createNumeric` — Pure numeric math primitive.
• `createOtp` — Headless state for a fixed-length one-time-password / verification-code value.
• `createRating` — Lightweight rating composable for bounded discrete values.
• `createSlider` — Composable for managing slider state: value math, step snapping, percentage conversion, and multi-thumb value operations.
• `createValidation` — Per-input validation composable built on createGroup.

**Selection:**

• `createGroup` — Multi-selection composable that extends createSelection with batch operations and tri-state support. (stable)

-