Demo#

Replace me

Explanation#

<div
  data-signals="{nested:{test1:'foo',test2:'bar',test3:'baz' }}"
  data-persist-foo="`nested.test1 nested.test3`"
>
  <input class="input input-bordered" data-bind="nested.test1" />
  <pre data-text="ctx.signals.JSON()">Replace me</pre>
</div>

Look at your Local Storage in your browser’s developer tools.

In this example we are caching the nested.test1 and nested.test3 values in the Local Storage.

If you don’t use any values it will cache the entire signals.