DerivedStore.expected

import { useStore, Derived, Store } from "@tanstack/solid-store";

export const countStore = new Store(5);

export const doubledOptions = {
    fn: (props) => ((countStore.state * 2) | 0),
    deps: [countStore],
};

export const doubled = new Derived(doubledOptions);

export function Component() {
    const count = useStore(countStore, (s) => (s | 0));
    return <div>
        <span>
            {`Count: ${count()}`}
        </span>
        <span>
            {`Doubled: ${doubled.state}`}
        </span>
        <button on:click={(_arg) => {
                countStore.setState((s_1) => ((s_1 + 1) | 0));
            }}>
            Increment
        </button>
    </div>;
}