import { signal, computed, effect } from '@preact/signals';
const fruits = signal(['banana', 'mango', 'orange', 'kiwi']);
const fruitsWithW = computed(() => fruits.value.filter(fruit => fruit.includes('w')));
fruits.value = [...fruits.value, 'watermelon'];
effect(() => console.log(fruitsWithW.value))
// OUTPUT VALUES:
// ['kiwi']
// ['kiwi', 'watermelon']