import { component$, useStore, $ } from '@qwik.dev/core';

export default component$(() => {
  const store = useStore({ name: '' });
  return (
    <>
      <label>
        Enter your name followed by the enter key:{' '}
        <input
          onInput$={$(async (ev, input) => {
            store.name = input.value;
          })}
          onChange$={$(async () => {
            if (store.name) alert(store.name);
          })}
          value={store.name}
        />
      </label>
    </>
  );
});
