1. localStorage simplest

        <custom-element tag="dce-1" hidden="">
            {//slice/fruits/text()}
            <slot>🤔</slot>
            <local-storage key="cherries" slice="fruits"></local-storage>
        </custom-element>
        <dce-1>🍒</dce-1>
    

2. localStorage basket JSON

        <custom-element tag="dce-2" hidden="">
            <template>
                <local-storage key="basket" slice="basket" live="" type="json"></local-storage>
                <xhtml:table xmlns:xhtml="http://www.w3.org/1999/xhtml">
                    <xhtml:tbody>
                        <xsl:for-each select="//basket/@*">
                            <xhtml:tr>
                                <xhtml:th> {name()} </xhtml:th>
                                <xhtml:td> {.}      </xhtml:td>
                            </xhtml:tr>
                        </xsl:for-each>
                    </xhtml:tbody>
                    <xhtml:tfoot>
                        <xhtml:tr>
                            <xhtml:td><slot>🤔</slot></xhtml:td>
                            <xhtml:th> {sum(//slice/basket/@*)} </xhtml:th>
                        </xhtml:tr>
                    </xhtml:tfoot>
                </xhtml:table>
            </template>
        </custom-element>
        <dce-2>🛒total</dce-2>