1
1
import 'dart:html' ;
2
2
3
- import 'package:dart_signals/dart_signals .dart' ;
3
+ import 'package:signals/signals .dart' ;
4
4
5
5
typedef Task = ({String title, bool completed});
6
6
@@ -12,10 +12,10 @@ void main() {
12
12
final taskFilter = document.getElementById ("taskFilter" )! ;
13
13
final taskCounter = document.getElementById ("taskCounter" )! ;
14
14
15
- final tasks = createSignal <List <Task >>([]);
16
- final filter = createSignal ("all" );
15
+ final tasks = signal <List <Task >>([]);
16
+ final filter = signal ("all" );
17
17
18
- final filteredTasks = createComputed (() {
18
+ final filteredTasks = computed (() {
19
19
final currentFilter = filter.value;
20
20
final currentTasks = tasks.value;
21
21
if (currentFilter == "all" ) {
@@ -27,15 +27,15 @@ void main() {
27
27
}
28
28
});
29
29
30
- final taskCount = createComputed (() {
30
+ final taskCount = computed (() {
31
31
return tasks.value.length;
32
32
});
33
33
34
- final activeTaskCount = createComputed (() {
34
+ final activeTaskCount = computed (() {
35
35
return tasks.value.where ((task) => ! task.completed).length;
36
36
});
37
37
38
- final completedTaskCount = createComputed (() {
38
+ final completedTaskCount = computed (() {
39
39
return tasks.value.where ((task) => task.completed).length;
40
40
});
41
41
@@ -54,7 +54,7 @@ void main() {
54
54
filter.value = target.value ?? '' ;
55
55
});
56
56
57
- createEffect (() {
57
+ effect (() {
58
58
final currentTasks = filteredTasks.value;
59
59
todoList.innerHtml = "" ;
60
60
for (var index = 0 ; index < currentTasks.length; index++ ) {
@@ -78,7 +78,7 @@ void main() {
78
78
}
79
79
});
80
80
81
- createEffect (() {
81
+ effect (() {
82
82
taskCounter.text = '''
83
83
Total: ${taskCount .value },
84
84
Active: ${activeTaskCount .value },
0 commit comments