Refactor event handling to use Promises for better efficiency.

This reverts commit bf8110af6c.

src/pages/ankuendigungen/[...slug].astro

@@ -103,22 +103,21 @@ const ogImage = await getImage({
             <LanguageWarning/>
         )}
         <Content/>
-        <script is:inline data-astro-rerun>
+        <script>
             import FightTable from "@components/FightTable.svelte";
             import {get} from "svelte/store";
             import GroupTable from "@components/GroupTable.svelte";
             import {eventRepo} from "../../components/repo/event";
+            import type {ExtendedEvent} from "@type/event";
             import {mount} from "svelte";
 
-            const eventMounts = new Map();
+            const eventMounts: Map<string, Promise<ExtendedEvent>> = new Map();
 
             class FightTableElement extends HTMLElement {
-                connectedCallback() {
-                    if (!eventMounts.has(this.dataset["event"])) {
-                        eventMounts.set(this.dataset["event"], []);
-                    }
-                    const rows = Number.parseInt(this.dataset["rows"]);
-                    eventMounts.get(this.dataset["event"]).push(ev => {
+                connectedCallback(): void {
+                    loadEvent(this.dataset["event"]!);
+                    const rows = Number.parseInt(this.dataset["rows"]!);
+                    eventMounts.get(this.dataset["event"]!)!.then(ev => {
                         mount(FightTable, {
                             target: this,
                             props: {
@@ -132,12 +131,10 @@ const ogImage = await getImage({
             }
 
             class GroupTableElement extends HTMLElement {
-                connectedCallback() {
-                    if (!eventMounts.has(this.dataset["event"])) {
-                        eventMounts.set(this.dataset["event"], []);
-                    }
-                    const rows = Number.parseInt(this.dataset["rows"]);
-                    eventMounts.get(this.dataset["event"]).push(ev => {
+                connectedCallback(): void {
+                    loadEvent(this.dataset["event"]!);
+                    const rows = Number.parseInt(this.dataset["rows"]!);
+                    eventMounts.get(this.dataset["event"]!)!.then(ev => {
                         mount(GroupTable, {
                             target: this,
                             props: {
@@ -153,17 +150,13 @@ const ogImage = await getImage({
             customElements.define("fight-table", FightTableElement);
             customElements.define("group-table", GroupTableElement);
 
-            function mountEvent() {
-                for (const key of eventMounts.keys()) {
-                    get(eventRepo).getEvent(key).then(ev => {
-                        for (const mount of eventMounts.get(key)) {
-                            mount(ev);
-                        }
-                    });
+            function loadEvent(id: string) {
+                if (!eventMounts.has(id)) {
+                    eventMounts.set(id, get(eventRepo).getEvent(id));
                 }
             }
 
-            mountEvent();
+            document.addEventListener("astro:before-swap", eventMounts.clear);
         </script>
     </article>
 </PageLayout>