WIP: Update counter.

dgp1130 · Dec 18, 2023 · d87726d · d87726d
1 parent b75b99e
commit d87726d
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/demo/auto-counter.ts b/src/demo/auto-counter.ts
@@ -1,10 +1,11 @@
 import { component } from 'hydroactive';
-import { signal } from 'hydroactive/signals.js';
+import { cached, signal } from 'hydroactive/signals.js';
 
 /** Automatically increments the count over time. */
 export const AutoCounter = component('auto-counter', (comp) => {
   const label = comp.host.query('span');
   const count = signal(Number(label.text));
+  const doubleCount = cached(() => count() * 2);
 
   comp.connected(() => {
     const id = setInterval(() => {
@@ -18,5 +19,6 @@ export const AutoCounter = component('auto-counter', (comp) => {
 
   comp.effect(() => {
     label.native.textContent = count().toString();
+    console.log(`Double count: ${doubleCount()}`);
   });
 });