Helpers

The following helper functions can be used to achieve advanced setup of your application.

Setup helpers

The recommended way to register and mount components:

• registerComponent — register and mount components independently (recommended)
• defineFeatures — configure global features (breakpoints, attributes, prefix)
• createApp — bootstrap a root App class (when you need a central app instance)

Instance helpers

Some helpers can be used to work with instances.

• getClosestParent
• getDirectChildren
• getInstanceFromElement
• getInstances
• isDirectChild

Query helpers

The following helpers let you find component instances by name, CSS selector, and state — without relying on parent/children relationships.

• queryComponent / queryComponentAll
• closestComponent

Lazy import helpers

Some components might not need to be imported and instantiated immediately on page load. The following functions will help you define custom scenarios for when to import these components.

• importOnInteraction
• importWhenIdle
• importWhenVisible
• importOnMediaQuery
• importWhenPrefersMotion

Debug helpers

• logTree — log the component tree to the console