mahal Logo Mahal
Star | Fork

State

The state decorator can be used to map the state value. The mapped value is reactive which means it is automatically updated when state is mutated.

<html>
<div>
    <div>{{name}}</div>
</div>
</html>

<script>
import { Component } from "mahal";
import { state} from "@mahaljs/store";

export default class extends Component {

    // map with `name` state
    @state('name') name;

    //map with state id of room account
    @state('id', 'account') id;
}
</script>