Var value to active state on anchor not working on page load

Not sure why this is not working as expected, I am probably doing something strange, but lets see.

I create a variably that holds active states of a group of anchor tags

<dmx-value id="var_which_destination_nav_active_home_cards" dmx-bind:value="'ALL'"></dmx-value>

Then I have this

<li class="nav-item">
    <a class="nav-link" dmx-class:active="(var_which_destination_nav_active_home_cards.value == 'ALL')" href="javascript:void(0);">ALL
    </a>
</li>

When the page loads for the very first time I would imagine that the active state should already be applied, but it is not, if I click another button and then click the ALL button the active state works, and from then on is fine, it’s only on page load.

Before clicking anything, after a refresh I can run this

dmx.parse('content.condHome.var_which_destination_nav_active_home_cards.value')

And the output shows the variable is already set as ALL

I even tried a dmx.requestUpdate but that still does not set it.

Any ideas?