import { signal, computed, effect } from '@preact/signals';
const name = signal('John');
const surname = signal('Doe');
const fullName = computed(() => `${name.value} ${surname.value}`);
effect(() => console.log(fullName.value))
name.value = 'Peter';
// OUTPUT VALUES:
// ['John Doe']
// ['Peter Doe']