Vue Utilities

Directives #

Behavioral plugins that attach to any element. Add keyboard navigation, color modes, tooltips, and more.

Directive	Description
v-dt-focusgroup	Roving tabindex for composite widgets — arrow-key cycling, looping, memory, and disabled-item handling
v-dt-focustrap	Trap Tab/Shift+Tab within a container — initial focus, boundary wrapping, and focus restoration for dialogs and overlays
v-dt-mode	Scope descendant design tokens to a light, dark, or inverted color palette
v-dt-tooltip	Attach a tooltip to any element without a wrapper component
v-dt-scrollbar	Replace native scrollbars with a styled overlay that auto-hides

Functions #

Stateless helpers for formatting and transforming data.

Function	Description
Date and Time	Format dates, relative timestamps, and durations with i18n locale support

Utilities #

Foundational modules for rendering optimization and internationalization.

Utility	Description
DtLazyShow	Defer child rendering until first shown — reduces initial mount cost for popovers and modals
Localization	Singleton i18n manager that localizes strings across all Dialtone components