Functions with dependencies are not updated

Describe the bug When rendering content (ie text) my expectation was that i could put the expression into a function on the context object and have the content updated whenever the depencency (ie count) is changed.

To Reproduce Intuitively I would expect both buttons to show the same text:

<div l-use="{ count: 0, text() { return this.count + ' hi'; } }">
  <button l-text="text()" l-on:click="++count">0</button>
  <button l-text="count + ' hi'" l-on:click="++count">0</button>
</div>

If this is not intended or should be done any other way, it’s probably because the documentation is a bit scarce…

[shadowtime2000]

Good point, the documentation doesn’t reflect the intended use. I will update that. @phoet feel free to open a PR to update it yourself too.

[shadowtime2000]

@phoet I don’t believe it is actually possible with our current structure to update the dependencies of functions. Use pure functions like this. If you feel that we should allow updating dependencies of functions feel free to open a feature request.

<div l-use="{ count: 0, text(count) { return count + ' hi'; } }">
  <button l-text="text(count)" l-on:click="++count">0</button>
  <button l-text="count + ' hi'" l-on:click="++count">0</button>
</div>