kudzues/component-party
1
0
Fork 0
mirror of https://github.com/lainbo/component-party.git synced 2026-04-05 04:59:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: use new reactivity system (#301)

Browse Source
This commit is contained in:
tijn
2025-09-20 15:27:08 +02:00
committed by GitHub
parent 34048cf9a3
commit f9cf2c60a5
3 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
content/2-templating/4-event-click/ripple/Counter.ripple
View File

@@ -1,10 +1,12 @@
import { track } from "ripple";
export component Counter() {
let $count = 0;
let count = track(0);
function incrementCount() {
$count++;
@count++;
}
<p>{`Count: ${$count}`}</p>
<p>{`Count: ${@count}`}</p>
<button onClick={incrementCount}>{"+1"}</button>
}

8
content/3-lifecycle/1-on-mount/ripple/PageTitle.ripple
View File

@@ -1,11 +1,11 @@
import { effect } from "ripple";
import { track, effect } from "ripple";
export component PageTitle() {
let $pageTitle = "";
let pageTitle = track("");
effect(() => {
$pageTitle = document.title;
@pageTitle = document.title;
});
<h1>{`Page title: ${$pageTitle}`}</h1>
<h1>{`Page title: ${@pageTitle}`}</h1>
}

8
content/3-lifecycle/2-on-unmount/ripple/Time.ripple
View File

@@ -1,15 +1,15 @@
import { effect } from "ripple";
import { track, effect } from "ripple";
export component Time() {
let $time = new Date().toLocaleTimeString();
let time = track(new Date().toLocaleTimeString());
effect(() => {
const timer = setInterval(() => {
$time = new Date().toLocaleTimeString();
@time = new Date().toLocaleTimeString();
}, 1000);
return () => clearInterval(timer);
});
<h1>{`Current time: ${$time}`}</h1>
<h1>{`Current time: ${@time}`}</h1>
}