WIP: Update counter.

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