import 'svelte/internal/disclose-version';
import 'svelte/internal/flags/legacy';
import * as $ from 'svelte/internal/client';
var root = $.template(`<button>Click Me</button>`);
export default function App($$anchor, $$props) {
$.push($$props, false);
const name = $.mutable_state();
let givenName = $.mutable_state(''),
familyName = $.mutable_state('');
function update() {
$.set(givenName, 'Li Hau');
$.set(familyName, 'Tan');
console.log('name', $.get(name));
}
$.legacy_pre_effect(() => ($.get(givenName), $.get(familyName)), () => {
$.set(name, $.get(givenName) + " " + $.get(familyName));
});
$.legacy_pre_effect_reset();
var button = root();
$.event('click', button, update);
$.append($$anchor, button);
$.pop();
}