src/FilterBar.svelte

@@ -41,7 +41,7 @@
       item={toplevel}
       children={subtrees}
       bind:selected={subSelections[i]}
-      bind:generalToggle
+      generalToggle={$generalToggle}
       {initial}
     />
   {/each}

src/FilterItem.svelte

@@ -77,11 +77,18 @@
     dispatch('change', { value: evt.detail.value });
   }
 
-  if (generalToggle) {
-    generalToggle.subscribe(value => {
-      value ? filtering.setChecked() : filtering.setUnchecked();
-      dispatch('change', { value: $filtering });
-    });
+  function handleGeneralToggleChange(value) {
+    if (value) {
+      filtering.setChecked();
+    } else {
+      filtering.setUnchecked();
+    }
+
+    dispatch('change', { value: $filtering });
+  }
+
+  $: if (generalToggle != null) {
+    handleGeneralToggleChange(generalToggle);
   }
 
   const url = (() => {