Tauri-demo: Greet logic inside a web component

greeter.greet.logic.ts

    this.shadowRoot?.querySelector('#greet-form')?.addEventListener('submit', async (e) => {
      e.preventDefault();
      const greetInputEl = this.shadowRoot?.querySelector('#greet-input') as HTMLInputElement;
      const greetMsgEl = this.shadowRoot?.querySelector('#greet-msg') as HTMLElement;
      greetMsgEl.textContent = await invoke('greet', {
          name: greetInputEl.value,
      });
    });