API Reference

@themvora/shadcn · Vue

shadcn/ui adapter: token variables plus framework bindings for React, Vue, Svelte, Solid and Angular.

useShadcnTheme(runtime, options?) installs the shadcn adapter onto an explicitly provided Themvora runtime and disposes it on unmount.

Generated from packages/shadcn/src by apps/docs/scripts/generate-api-reference.mjs. Do not edit by hand — run pnpm --filter @themvora/docs api:generate.

Functions

`useShadcnTheme<T extends ThemeDefinition<string>>(runtime, options): ThemeAdapter<T>`

Vue composable that installs the shadcn/ui adapter onto the given Themvora runtime. Maintains a tagged :root style element with concrete --* variables, kept in sync as the active theme changes.

Must be called in a component's setup scope, passing the runtime from your Themvora provider (e.g. useThemeRuntime() from @themvora/vue):

TS / JS

import { useShadcnTheme } from "@themvora/shadcn/vue";

useShadcnTheme(runtime);

See also: createShadcnAdapter

Parameter	Type	Description
`runtime`	`ThemeRuntime<T>`	The active Themvora runtime to install the adapter on.
`options`	`UseAdapterOptions`	Adapter options. Defaults to `{}`.

Returns ThemeAdapter<T> — The installed adapter instance.

Interfaces

`UseAdapterOptions`

Options accepted by the adapter composables (e.g. useShadcnTheme).

Member	Type	Description
`strategy` (optional)	`AdapterStrategy`	The adapter strategy to use. When omitted, the adapter's default strategy applies.

Related docs

shadcn/ui — the adapter integration