a reactive (signals based) hypermedia web framework (wip)
stormlightlabs.github.io/volt/
hypermedia
frontend
signals
1---
2version: 1.0
3updated: 2025-10-18
4---
5
6# charge
7
8Charge system (bootstrap) for auto-discovery and initialization of Volt roots
9
10Handles declarative state initialization via data-volt-state and data-volt-computed
11
12## charge
13
14Discover and mount all Volt roots in the document.
15Parses data-volt-state for initial state and data-volt-computed for derived values.
16
17```typescript
18export function charge(rootSelector = "[data-volt]"): ChargeResult
19```
20
21**Example:**
22
23```typescript
24```html
25<div data-volt data-volt-state='{"count": 0}' data-volt-computed:double="count * 2">
26 <p data-volt-text="count"></p>
27 <p data-volt-text="double"></p>
28</div>
29```
30
31```ts
32const { cleanup } = charge();
33// Later: cleanup() to unmount all
34```
35```