feat: Checkbox label does not display default value

thaw/src/checkbox/checkbox_item.rs

@@ -1,7 +1,4 @@
-use crate::{
+use crate::checkbox::{checkbox_group::use_checkbox_group, Checkbox};
-    checkbox::{checkbox_group::use_checkbox_group, Checkbox},
-    SignalWatch,
-};
 use leptos::*;
 use thaw_utils::OptionalProp;
 
@@ -12,41 +9,38 @@ pub fn CheckboxItem(
     #[prop(into)] key: String,
 ) -> impl IntoView {
     let checkbox_group_value = use_checkbox_group().0;
-    let checked = create_rw_signal(false);
+    let checked = RwSignal::new(false);
-    let item_key = store_value(key);
+    let item_key = StoredValue::new(key);
 
-    create_effect(move |_| {
+    let is_checked = Memo::new(move |_| {
-        let is_checked =
+        checkbox_group_value.with(|value| item_key.with_value(|key| value.contains(key)))
-            checkbox_group_value.with(|value| item_key.with_value(|key| value.contains(key)));
-
-        if is_checked {
-            if !checked.get_untracked() {
-                checked.set(true);
-            }
-        } else if checked.get_untracked() {
-            checked.set(false);
-        }
     });
 
-    _ = checked.watch(move |checked| {
+    Effect::new(move |_| {
+        checked.track();
+
+        if is_checked.get_untracked() {
+            checkbox_group_value.update(move |value| {
+                item_key.with_value(|key| {
+                    value.remove(key);
+                });
+            });
+        } else if checked.get_untracked() {
             checkbox_group_value.update(move |value| {
-            if *checked {
                 value.insert(item_key.get_value());
-            } else {
+            });
-                value.remove(&item_key.get_value());
         }
     });
-    });
-
-    let label = if let Some(label) = label {
-        label
-    } else {
-        item_key.get_value()
-    };
 
+    if let Some(label) = label {
         view! {
-        <Checkbox class value=checked>
+            <Checkbox class value=(is_checked, checked.write_only())>
                 {label}
             </Checkbox>
         }
+    } else {
+        view! {
+            <Checkbox class value=(is_checked, checked.write_only()) />
+        }
+    }
 }