Correctly recognise inline functions in Svelte templates

[alexanderniebuhr]

Inline functions on:click={(e) => handle365Login(e)} should be ignored, they are placed inside the html tag arrows <|>

<script>
  import { useRouter } from "@svelteuse/router";
  import { onMount } from "svelte";
  import { msalInstance } from "../logic/auth.js";
  import { t } from "svelte-i18n";

  onMount(() => {
    console.log("onMount Login Page");
    async function init() {
      let redirectResponse = await msalInstance.handleRedirectPromise();
      if (redirectResponse !== null) {
        $useRouter.navigate("/");
        window.location.reload();
      }
    }
    init();
  });

  async function handle365Login(event) {
    console.log("LOGIN EVENT");

    msalInstance.loginRedirect().catch((e) => {
      console.error(e);
    });
  }
</script>

<f-button class="bg-light-300" on:click={(e) => handle365Login(e)}>
  {$t("page.login.ms365")}
</f-button>

<style>
</style>