From 3108d9bf202ff66170bb479d6a39abadac62e39a Mon Sep 17 00:00:00 2001
From: Chaoscaot <chaos@chaoscaot.de>
Date: Mon, 25 Dec 2023 21:54:40 +0100
Subject: [PATCH] Some Code Cleanup

---
 astro.config.mjs                              | 18 ++++-
 src/components/Dashboard.svelte               |  2 +-
 src/components/EloTable.svelte                |  2 +-
 src/components/FightStatistics.svelte         |  2 +-
 src/components/FightStatsChart.svelte         |  2 +-
 src/components/FightTable.svelte              | 23 +++++-
 src/components/GroupTable.svelte              |  4 +-
 src/components/Login.svelte                   |  8 +-
 src/components/PostComponent.astro            |  6 +-
 src/components/admin/App.svelte               |  2 +-
 .../admin/components/FightEditPart.svelte     |  8 +-
 .../admin/components/TypeAheadSearch.svelte   |  2 +-
 src/components/admin/pages/Edit.svelte        |  6 +-
 src/components/admin/pages/Event.svelte       |  4 +-
 src/components/admin/pages/Generate.svelte    |  9 +--
 src/components/admin/pages/Home.svelte        |  3 +-
 src/components/admin/pages/Login.svelte       |  4 +-
 src/components/admin/pages/Perms.svelte       |  5 +-
 src/components/admin/pages/edit/Editor.svelte |  6 +-
 .../admin/pages/event/EventEdit.svelte        | 12 +--
 .../admin/pages/event/FightCard.svelte        | 12 +--
 .../admin/pages/event/FightList.svelte        | 10 +--
 .../admin/pages/event/TeamList.svelte         |  4 +-
 .../event/modals/CreateFightModal.svelte      |  9 +--
 .../pages/event/modals/FightEditModal.svelte  | 12 +--
 .../admin/pages/generate/DragAcceptor.svelte  |  2 +-
 .../pages/generate/GroupGenerator.svelte      |  8 +-
 .../admin/pages/generate/TeamChip.svelte      |  5 +-
 .../admin/pages/home/CreateEventModal.svelte  |  6 +-
 .../admin/pages/home/EventCard.svelte         |  2 +-
 src/components/admin/util.ts                  | 74 +++++++++----------
 src/components/dashboard/SchematicInfo.svelte |  4 +-
 .../dashboard/SchematicInfoModal.svelte       |  6 +-
 src/components/dashboard/SchematicList.svelte |  6 +-
 .../dashboard/SchematicListTile.svelte        |  4 +-
 src/components/dashboard/Statistics.svelte    |  4 +-
 src/components/dashboard/UploadModal.svelte   |  2 +-
 src/components/dashboard/UserInfo.svelte      |  6 +-
 src/components/repo/data.ts                   |  4 +-
 src/components/repo/event.ts                  |  4 +-
 src/components/repo/fight.ts                  |  4 +-
 src/components/repo/page.ts                   | 22 +++---
 src/components/repo/perms.ts                  |  4 +-
 src/components/repo/repo.ts                   | 40 +++++-----
 src/components/repo/schem.ts                  |  8 +-
 src/components/repo/stats.ts                  |  6 +-
 src/components/stores/cached.ts               |  8 +-
 src/components/stores/stores.ts               | 36 ++++-----
 src/components/types/data.ts                  |  6 +-
 src/components/types/event.ts                 |  8 +-
 src/components/types/page.ts                  |  4 +-
 src/components/types/perms.ts                 |  6 +-
 src/components/types/schem.ts                 |  8 +-
 src/components/types/stats.ts                 |  6 +-
 src/components/types/team.ts                  |  4 +-
 src/i18n/common/de.json                       | 11 +++
 src/i18n/common/en.json                       |  3 +
 src/pages/announcements/[...slug].astro       | 16 ++--
 src/pages/index.astro                         | 10 +--
 src/pages/login.astro                         |  6 +-
 tsconfig.json                                 | 24 +++++-
 61 files changed, 305 insertions(+), 247 deletions(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index 9d5f075..ba3c8e2 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -5,6 +5,8 @@ import configureI18n from "./astro-i18n.adapter";
 import sitemap from "@astrojs/sitemap";
 
 import robotsTxt from "astro-robots-txt";
+import {resolve} from "node:url";
+import path from "node:path";
 
 // https://astro.build/config
 export default defineConfig({
@@ -30,5 +32,19 @@ export default defineConfig({
       disallow: ["/admin", "/login", "/dashboard", "/de", "/_astro"]
     }]
   })],
-  vite: {}
+  vite: {
+    resolve: {
+      alias: {
+        "@components": path.resolve("./src/components"),
+        "@pages": path.resolve("./src/pages"),
+        "@styles": path.resolve("./src/styles"),
+        "@utils": path.resolve("./src/util"),
+        "@type": path.resolve("./src/components/types"),
+        "@images": path.resolve("./src/images"),
+        "@layouts": path.resolve("./src/layouts"),
+        "@repo": path.resolve("./src/components/repo"),
+        "@stores": path.resolve("./src/components/stores"),
+      }
+    }
+  }
 });
\ No newline at end of file
diff --git a/src/components/Dashboard.svelte b/src/components/Dashboard.svelte
index 6ba2181..8331297 100644
--- a/src/components/Dashboard.svelte
+++ b/src/components/Dashboard.svelte
@@ -19,7 +19,7 @@
 
 <script lang="ts">
     import {t} from "astro-i18n"
-    import {dataRepo, schemRepo} from "./repo/repo";
+    import {dataRepo, schemRepo} from "@repo/repo";
     import SchematicList from "./dashboard/SchematicList.svelte";
     import UserInfo from "./dashboard/UserInfo.svelte";
 
diff --git a/src/components/EloTable.svelte b/src/components/EloTable.svelte
index 94c53bc..600bafa 100644
--- a/src/components/EloTable.svelte
+++ b/src/components/EloTable.svelte
@@ -18,7 +18,7 @@
   -->
 
 <script lang="ts">
-    import {statsRepo} from "./repo/repo.ts";
+    import {statsRepo} from "@repo/repo.ts";
     import {t} from "astro-i18n";
 
     export let gamemode: string;
diff --git a/src/components/FightStatistics.svelte b/src/components/FightStatistics.svelte
index c4cdca3..70cfac6 100644
--- a/src/components/FightStatistics.svelte
+++ b/src/components/FightStatistics.svelte
@@ -18,7 +18,7 @@
   -->
 
 <script lang="ts">
-    import {statsRepo} from "./repo/repo.ts";
+    import {statsRepo} from "@repo/repo.ts";
     import FightStatsChart from "./FightStatsChart.svelte";
     import {t} from "astro-i18n";
 
diff --git a/src/components/FightStatsChart.svelte b/src/components/FightStatsChart.svelte
index 355f1c9..297a554 100644
--- a/src/components/FightStatsChart.svelte
+++ b/src/components/FightStatsChart.svelte
@@ -30,7 +30,7 @@
         Legend,
         Title
     } from "chart.js"
-    import type {FightStats} from "./types/stats.ts"
+    import type {FightStats} from "@type/stats.ts"
     import 'chartjs-adapter-dayjs-4'
 
     export let data: FightStats;
diff --git a/src/components/FightTable.svelte b/src/components/FightTable.svelte
index 6fe72e7..fbff8b4 100644
--- a/src/components/FightTable.svelte
+++ b/src/components/FightTable.svelte
@@ -20,31 +20,46 @@
 <script lang="ts">
     import {window} from "./util.ts";
     import {astroI18n, t} from "astro-i18n";
-    import type {ExtendedEvent} from "./types/event.ts";
+    import type {EventFight, ExtendedEvent} from "@type/event";
 
     export let event: ExtendedEvent;
     export let group: string;
     export let rows: number = 1;
+
+    function getWinner(fight: EventFight) {
+        switch (fight.ergebnis) {
+            case 1:
+                return fight.blueTeam.kuerzel;
+            case 2:
+                return fight.redTeam.kuerzel;
+            case 3:
+                return t("announcements.table.draw");
+            default:
+                return t("announcements.table.notPlayed");
+        }
+    }
 </script>
 
 <div>
     <table>
         <tr class="font-bold border-b">
-            {#each Array(rows) as _}
+            {#each Array(rows) as i (i)}
                 <td>{t("announcements.table.time")}</td>
                 <td>{t("announcements.table.blue")}</td>
                 <td>{t("announcements.table.red")}</td>
+                <td>{t("announcements.table.winner")}</td>
             {/each}
         </tr>
         {#each window(event.fights.filter(f => f.group === group), rows) as fights}
             <tr>
-                {#each fights as fight}
+                {#each fights as fight (fight.id)}
                     <td>{Intl.DateTimeFormat(astroI18n.locale, {
                         hour: "numeric",
                         minute: "numeric",
                     }).format(new Date(fight.start))}</td>
                     <td class:font-bold={fight.ergebnis === 1} class:italic={fight.ergebnis === 3}>{fight.blueTeam.kuerzel}</td>
                     <td class:font-bold={fight.ergebnis === 2} class:italic={fight.ergebnis === 3}>{fight.redTeam.kuerzel}</td>
+                    <td>{getWinner(fight)}</td>
                 {/each}
             </tr>
         {/each}
@@ -56,6 +71,6 @@
     @apply w-full;
   }
   div {
-    @apply p-3 bg-gray-200 dark:bg-gray-800 rounded-2xl w-3/4 mx-auto;
+    @apply p-3 bg-gray-200 dark:bg-neutral-800 rounded-2xl w-3/4 mx-auto;
   }
 </style>
\ No newline at end of file
diff --git a/src/components/GroupTable.svelte b/src/components/GroupTable.svelte
index 3d50299..3edb0bf 100644
--- a/src/components/GroupTable.svelte
+++ b/src/components/GroupTable.svelte
@@ -20,7 +20,7 @@
 <script lang="ts">
     import {window} from "./util.ts";
     import {t} from "astro-i18n";
-    import type {ExtendedEvent} from "./types/event.ts";
+    import type {ExtendedEvent} from "@type/event.ts";
 
     export let event: ExtendedEvent;
     export let group: string;
@@ -70,6 +70,6 @@
     @apply w-full;
   }
   div {
-    @apply p-3 bg-gray-200 dark:bg-gray-800 rounded-2xl w-3/4 mx-auto;
+    @apply p-3 bg-gray-200 dark:bg-neutral-800 rounded-2xl w-3/4 mx-auto;
   }
 </style>
\ No newline at end of file
diff --git a/src/components/Login.svelte b/src/components/Login.svelte
index 9d87d0e..17a07e4 100644
--- a/src/components/Login.svelte
+++ b/src/components/Login.svelte
@@ -18,14 +18,14 @@
   -->
 
 <script lang="ts">
-    import {l} from "../util/util.ts";
+    import {l} from "@utils/util.ts";
     import {t} from "astro-i18n";
     import {get} from "svelte/store";
 
-    let username = "";
-    let pw = "";
+    let username: string = "";
+    let pw: string = "";
 
-    let error = "";
+    let error: string = "";
 
     async function login() {
         let {tokenStore, authRepo} = await import("./repo/repo.ts");
diff --git a/src/components/PostComponent.astro b/src/components/PostComponent.astro
index 46f1dd0..4ba0e2a 100644
--- a/src/components/PostComponent.astro
+++ b/src/components/PostComponent.astro
@@ -1,5 +1,5 @@
 ---
-import {CollectionEntry} from "astro:content"
+import {CollectionEntry} from "astro:content";
 import {l} from "../util/util";
 import {astroI18n} from "astro-i18n";
 import {Image} from "astro:assets";
@@ -7,7 +7,7 @@ import TagComponent from "./TagComponent.astro";
 import P from "./P.astro";
 
 interface Props {
-    post: CollectionEntry<'announcements'>
+    post: CollectionEntry<"announcements">
 }
 
 const { post } = Astro.props as Props;
@@ -30,7 +30,7 @@ const { post } = Astro.props as Props;
             <P>{post.data.description}</P>
             <div class="mt-1">
                 {post.data.tags.map((tag) => (
-                        <TagComponent tag={tag} />
+                    <TagComponent tag={tag} />
                 ))}
             </div>
         </div>
diff --git a/src/components/admin/App.svelte b/src/components/admin/App.svelte
index 863e8fd..3ef627f 100644
--- a/src/components/admin/App.svelte
+++ b/src/components/admin/App.svelte
@@ -22,7 +22,7 @@
   import wrap from "svelte-spa-router/wrap";
   import Router, {replace} from "svelte-spa-router";
   import {get} from "svelte/store";
-  import {tokenStore} from "../repo/repo";
+  import {tokenStore} from "@repo/repo";
 
   const routes: RouteDefinition = {
     '/': wrap({asyncComponent: () => import('./pages/Home.svelte'), conditions: detail => get(tokenStore) != ""}),
diff --git a/src/components/admin/components/FightEditPart.svelte b/src/components/admin/components/FightEditPart.svelte
index 5a3d0d3..829b8b8 100644
--- a/src/components/admin/components/FightEditPart.svelte
+++ b/src/components/admin/components/FightEditPart.svelte
@@ -20,8 +20,8 @@
 <script lang="ts">
     import {Input, Label, Select} from "flowbite-svelte";
     import TypeAheadSearch from "./TypeAheadSearch.svelte";
-    import {gamemodes, groups, maps, players} from "../../stores/stores";
-    import type {Team} from '../../types/team.js';
+    import {gamemodes, groups, maps, players} from "@stores/stores.ts";
+    import type {Team} from "@type/team.ts";
 
     export let teams: Team[] = [];
     export let blueTeam: string;
@@ -29,8 +29,8 @@
     export let start = "";
     export let gamemode = "";
     export let map = "";
-    export let kampfleiter = "";
-    export let group = "";
+    export let kampfleiter: string | undefined = "";
+    export let group: string | null = "";
     export let groupSearch = "";
 
     $: selectPlayers = $players.map(player => {
diff --git a/src/components/admin/components/TypeAheadSearch.svelte b/src/components/admin/components/TypeAheadSearch.svelte
index 2e46758..cd188a3 100644
--- a/src/components/admin/components/TypeAheadSearch.svelte
+++ b/src/components/admin/components/TypeAheadSearch.svelte
@@ -18,7 +18,7 @@
   -->
 
 <script lang="ts">
-    import {Button, Dropdown, DropdownItem, Search} from 'flowbite-svelte'
+    import {Button, Dropdown, Search} from 'flowbite-svelte'
 
     export let selected: string | null = null
     export let items: {name: string, value: string}[] = []
diff --git a/src/components/admin/pages/Edit.svelte b/src/components/admin/pages/Edit.svelte
index 20822c4..b0a0a36 100644
--- a/src/components/admin/pages/Edit.svelte
+++ b/src/components/admin/pages/Edit.svelte
@@ -19,11 +19,11 @@
 
 <script lang="ts">
 import {ArrowLeftSolid} from "flowbite-svelte-icons";
-import {Button, Card, Input, Label, Navbar, NavBrand, NavHamburger, NavUl, Spinner} from "flowbite-svelte";
-import {pageRepo} from "../../repo/repo";
+import {Button, Card, Navbar, NavBrand, Spinner} from "flowbite-svelte";
+import {pageRepo} from "@repo/repo.ts";
 import {mapToMap, nameRegex} from "../util.ts";
 import TypeAheadSearch from "../components/TypeAheadSearch.svelte";
-import {branches} from "../../stores/stores.ts";
+import {branches} from "@stores/stores.ts";
 import Editor from "./edit/Editor.svelte";
 
 $: pagesFuture = $pageRepo.listPages(selectedBranch);
diff --git a/src/components/admin/pages/Event.svelte b/src/components/admin/pages/Event.svelte
index f9406b3..2b76af8 100644
--- a/src/components/admin/pages/Event.svelte
+++ b/src/components/admin/pages/Event.svelte
@@ -18,11 +18,11 @@
   -->
 
 <script lang="ts">
-    import {Avatar, Navbar, NavBrand, Spinner, TabItem, Tabs} from "flowbite-svelte";
+    import {Navbar, NavBrand, Spinner, TabItem, Tabs} from "flowbite-svelte";
     import EventEdit from "./event/EventEdit.svelte";
     import {ArrowLeftSolid} from "flowbite-svelte-icons";
     import FightList from "./event/FightList.svelte";
-    import {eventRepo} from "../../repo/repo";
+    import {eventRepo} from "@repo/repo.ts";
     import TeamList from "./event/TeamList.svelte";
 
     export let params: { id: number };
diff --git a/src/components/admin/pages/Generate.svelte b/src/components/admin/pages/Generate.svelte
index 1ed3b28..0375e77 100644
--- a/src/components/admin/pages/Generate.svelte
+++ b/src/components/admin/pages/Generate.svelte
@@ -18,15 +18,12 @@
   -->
 
 <script lang="ts">
-    import {Avatar, Navbar, NavBrand, Spinner, TabItem, Tabs} from "flowbite-svelte";
-    import EventEdit from "./event/EventEdit.svelte";
+    import {Navbar, NavBrand, Spinner, TabItem, Tabs} from "flowbite-svelte";
     import {ArrowLeftSolid} from "flowbite-svelte-icons";
-    import FightList from "./event/FightList.svelte";
-    import {eventRepo} from "../../repo/repo";
-    import TeamList from "./event/TeamList.svelte";
+    import {eventRepo} from "@repo/repo.ts";
     import GroupGenerator from "./generate/GroupGenerator.svelte";
 
-    export let params: { id: number } = {};
+    export let params: { id: number };
 
     let id = params.id;
     let event = $eventRepo.getEvent(id.toString());
diff --git a/src/components/admin/pages/Home.svelte b/src/components/admin/pages/Home.svelte
index 5558d6d..921a159 100644
--- a/src/components/admin/pages/Home.svelte
+++ b/src/components/admin/pages/Home.svelte
@@ -18,13 +18,12 @@
   -->
 
 <script lang="ts">
-
     import {Button, Modal, Navbar, NavBrand, NavHamburger, NavLi, NavUl, Spinner} from "flowbite-svelte";
     import {replace} from "svelte-spa-router";
     import {PlusSolid} from "flowbite-svelte-icons";
     import EventCard from "./home/EventCard.svelte";
     import CreateEventModal from "./home/CreateEventModal.svelte";
-    import {eventRepo, tokenStore} from "../../repo/repo";
+    import {eventRepo, tokenStore} from "@repo/repo.ts";
 
     let events = $eventRepo.listEvents()
     let showAdd = false
diff --git a/src/components/admin/pages/Login.svelte b/src/components/admin/pages/Login.svelte
index 4eab354..7a48852 100644
--- a/src/components/admin/pages/Login.svelte
+++ b/src/components/admin/pages/Login.svelte
@@ -21,8 +21,8 @@
     import {Button, Input, Label, Spinner, Toast} from "flowbite-svelte";
     import {fly} from "svelte/transition";
     import {replace} from "svelte-spa-router";
-    import {EyeOutline, EyeSlashOutline, EyeSolid} from "flowbite-svelte-icons";
-    import {fetchWithToken, tokenStore} from "../../repo/repo";
+    import {EyeOutline, EyeSlashOutline} from "flowbite-svelte-icons";
+    import {fetchWithToken, tokenStore} from "@repo/repo.ts";
 
     let show = false;
     let loading = false;
diff --git a/src/components/admin/pages/Perms.svelte b/src/components/admin/pages/Perms.svelte
index 8e32c18..1f07211 100644
--- a/src/components/admin/pages/Perms.svelte
+++ b/src/components/admin/pages/Perms.svelte
@@ -20,10 +20,9 @@
 <script lang="ts">
     import {Button, Card, Checkbox, Input, Label, Navbar, NavBrand, Radio, Spinner} from "flowbite-svelte";
     import {ArrowLeftSolid} from "flowbite-svelte-icons";
-    import {players} from "../../stores/stores.ts";
-    import {permsRepo} from "../../repo/repo.ts";
+    import {players} from "@stores/stores.ts";
+    import {permsRepo} from "@repo/repo.ts";
     import {capitalize} from "../util.ts";
-    import type {Player} from "../../types/data.ts";
 
     let search = "";
     $: lowerCaseSearch = search.toLowerCase();
diff --git a/src/components/admin/pages/edit/Editor.svelte b/src/components/admin/pages/edit/Editor.svelte
index 94bf82d..3512400 100644
--- a/src/components/admin/pages/edit/Editor.svelte
+++ b/src/components/admin/pages/edit/Editor.svelte
@@ -18,12 +18,12 @@
   -->
 
 <script lang="ts">
-    import {Spinner, Toolbar, ToolbarButton, ToolbarGroup, Tooltip} from "flowbite-svelte";
+    import {Spinner, Toolbar, ToolbarButton, ToolbarGroup} from "flowbite-svelte";
     import {json} from "@codemirror/lang-json";
     import CodeMirror from "svelte-codemirror-editor";
-    import {pageRepo} from "../../../repo/repo.ts";
+    import {pageRepo} from "@repo/repo.ts";
     import {base64ToBytes} from "../../util.ts";
-    import type {Page} from "../../../types/page.ts";
+    import type {Page} from "@type/page.ts";
     import {materialDark} from '@ddietr/codemirror-themes/material-dark.js'
     import {createEventDispatcher} from "svelte";
     import MDEMarkdownEditor from "./MDEMarkdownEditor.svelte";
diff --git a/src/components/admin/pages/event/EventEdit.svelte b/src/components/admin/pages/event/EventEdit.svelte
index 6044e36..1396d75 100644
--- a/src/components/admin/pages/event/EventEdit.svelte
+++ b/src/components/admin/pages/event/EventEdit.svelte
@@ -18,13 +18,13 @@
   -->
 
 <script lang="ts">
-    import type {ExtendedEvent} from "../../../types/event.js";
-    import {Button, Heading, Input, Label, Modal, Range, Select, Toast, Toggle} from "flowbite-svelte";
-    import {schemTypes} from "../../../stores/stores";
+    import type {ExtendedEvent} from "@type/event.ts";
+    import {Button, Input, Label, Modal, Range, Select, Toast, Toggle} from "flowbite-svelte";
+    import {schemTypes} from "@stores/stores.ts";
     import dayjs from "dayjs";
     import utc from "dayjs/plugin/utc"
-    import type {UpdateEvent} from "../../../repo/event.js";
-    import {eventRepo} from "../../../repo/repo";
+    import type {UpdateEvent} from "@repo/event.ts";
+    import {eventRepo} from "@repo/repo.ts";
     import ErrorModal from "../../components/ErrorModal.svelte";
     import {replace} from "svelte-spa-router";
     import {CheckCircleOutline} from "flowbite-svelte-icons";
@@ -43,7 +43,7 @@
     let spectateSystem = event.spectateSystem;
 
     let errorOpen = false;
-    let error: Error = undefined;
+    let error: any = undefined;
     let deleteOpen = false;
 
     $: deadlineDate = dayjs(deadline);
diff --git a/src/components/admin/pages/event/FightCard.svelte b/src/components/admin/pages/event/FightCard.svelte
index 4a7348c..4b62958 100644
--- a/src/components/admin/pages/event/FightCard.svelte
+++ b/src/components/admin/pages/event/FightCard.svelte
@@ -18,13 +18,13 @@
   -->
 
 <script lang="ts">
-    import {EditOutline, InboxSolid, TrashBinOutline} from "flowbite-svelte-icons";
-    import {Button, Checkbox, Modal, Toolbar, ToolbarButton} from "flowbite-svelte";
-    import type {EventFight, ExtendedEvent} from "../../../types/event.js";
+    import {EditOutline, TrashBinOutline} from "flowbite-svelte-icons";
+    import {Button, Modal, Toolbar, ToolbarButton} from "flowbite-svelte";
+    import type {EventFight, ExtendedEvent} from "@type/event.ts";
     import FightEditModal from "./modals/FightEditModal.svelte";
-    import {createEventDispatcher, onMount} from "svelte";
-    import {fightRepo} from "../../../repo/repo";
-    import {isWide} from "../../../stores/stores";
+    import {createEventDispatcher} from "svelte";
+    import {fightRepo} from "@repo/repo.ts";
+    import {isWide} from "@stores/stores.ts";
 
     export let fight: EventFight;
     export let data: ExtendedEvent;
diff --git a/src/components/admin/pages/event/FightList.svelte b/src/components/admin/pages/event/FightList.svelte
index 2f922ad..c573593 100644
--- a/src/components/admin/pages/event/FightList.svelte
+++ b/src/components/admin/pages/event/FightList.svelte
@@ -18,7 +18,7 @@
   -->
 
 <script lang="ts">
-    import type {EventFight, ExtendedEvent} from "../../../types/event.js";
+    import type {EventFight, ExtendedEvent} from "@type/event.ts";
     import {
         Button,
         Checkbox, Input, Label,
@@ -36,12 +36,12 @@
     } from "flowbite-svelte-icons";
     import FightCard from "./FightCard.svelte";
     import CreateFightModal from "./modals/CreateFightModal.svelte";
-    import {fightRepo} from "../../../repo/repo";
-    import {groups, players} from "../../../stores/stores";
+    import {fightRepo} from "@repo/repo.ts";
+    import {groups, players} from "@stores/stores.ts";
     import TypeAheadSearch from "../../components/TypeAheadSearch.svelte";
-    import type {UpdateFight} from "../../../repo/fight.js";
+    import type {UpdateFight} from "@repo/fight.ts";
     import dayjs from "dayjs";
-    import * as duration from "dayjs/plugin/duration"
+    import duration from "dayjs/plugin/duration"
     dayjs.extend(duration)
 
     export let data: ExtendedEvent;
diff --git a/src/components/admin/pages/event/TeamList.svelte b/src/components/admin/pages/event/TeamList.svelte
index c3b54a5..4b5a0df 100644
--- a/src/components/admin/pages/event/TeamList.svelte
+++ b/src/components/admin/pages/event/TeamList.svelte
@@ -18,8 +18,8 @@
   -->
 
 <script lang="ts">
-    import {Avatar, Button, Modal} from "flowbite-svelte";
-    import type {ExtendedEvent} from "../../../types/event.js";
+    import {Avatar} from "flowbite-svelte";
+    import type {ExtendedEvent} from "@type/event.ts";
 
     export let data: ExtendedEvent;
 </script>
diff --git a/src/components/admin/pages/event/modals/CreateFightModal.svelte b/src/components/admin/pages/event/modals/CreateFightModal.svelte
index 927d9d3..3e47aae 100644
--- a/src/components/admin/pages/event/modals/CreateFightModal.svelte
+++ b/src/components/admin/pages/event/modals/CreateFightModal.svelte
@@ -19,10 +19,9 @@
 
 <script lang="ts">
     import {Button, Modal} from "flowbite-svelte";
-    import type {ExtendedEvent} from "../../../../types/event.js";
+    import type {ExtendedEvent} from "@type/event.ts";
     import FightEditPart from "../../../components/FightEditPart.svelte";
-    import {fightRepo} from "../../../../repo/repo";
-    import type {CreateFight} from "../../../../repo/fight.ts";
+    import {fightRepo} from "@repo/repo.ts";
     import ErrorModal from "../../../components/ErrorModal.svelte";
     import {createEventDispatcher} from "svelte";
     import dayjs from "dayjs";
@@ -40,12 +39,12 @@
     let gamemode: string = "";
     let map: string = "";
 
-    let kampfleiter: string | null = null;
+    let kampfleiter: string | undefined = undefined;
     let group: string | null = null;
     let groupSearch = "";
 
     let errorOpen = false;
-    let error: Error | null = null;
+    let error: any = undefined;
 
     $: canCreate = blueTeam !== "" && redTeam !== "" && start !== "" && gamemode !== "" && map !== "";
 
diff --git a/src/components/admin/pages/event/modals/FightEditModal.svelte b/src/components/admin/pages/event/modals/FightEditModal.svelte
index 39939cf..5c6eade 100644
--- a/src/components/admin/pages/event/modals/FightEditModal.svelte
+++ b/src/components/admin/pages/event/modals/FightEditModal.svelte
@@ -18,11 +18,11 @@
   -->
 
 <script lang="ts">
-    import {Button, Input, Label, Modal, Select} from "flowbite-svelte";
-    import type {EventFight, ExtendedEvent} from "../../../../types/event.js";
+    import {Button, Modal} from "flowbite-svelte";
+    import type {EventFight, ExtendedEvent} from "@type/event.ts";
     import FightEditPart from "../../../components/FightEditPart.svelte";
-    import type {UpdateFight} from "../../../../repo/fight.js";
-    import {fightRepo} from "../../../../repo/repo";
+    import type {UpdateFight} from "@repo/fight.ts";
+    import {fightRepo} from "@repo/repo.ts";
     import ErrorModal from "../../../components/ErrorModal.svelte";
     import {createEventDispatcher} from "svelte";
     import dayjs from "dayjs";
@@ -37,14 +37,14 @@
     let redTeam = fight.redTeam.id.toString();
     let blueTeam = fight.blueTeam.id.toString();
     let start = dayjs(fight.start).utc(true).toISOString().slice(0, -1);
-    let kampfleiter = fight.kampfleiter.id.toString();
+    let kampfleiter = fight.kampfleiter?.id.toString();
     let gamemode = fight.spielmodus
     let map = fight.map;
     let group = fight.group;
     let groupSearch = fight.group ?? "";
 
     let errorOpen = false;
-    let error = undefined;
+    let error: any = undefined;
 
     let dispatch = createEventDispatcher();
     function save() {
diff --git a/src/components/admin/pages/generate/DragAcceptor.svelte b/src/components/admin/pages/generate/DragAcceptor.svelte
index 043b87f..cc1e903 100644
--- a/src/components/admin/pages/generate/DragAcceptor.svelte
+++ b/src/components/admin/pages/generate/DragAcceptor.svelte
@@ -36,7 +36,7 @@
     }
 </script>
 
-<div class="w-56 bg-gray-800 p-4 rounded" class:border={dragover} class:m-px={!dragover} on:drop={handleDrop} on:dragover={handleDragOver} on:dragleave={() => dragover = false}>
+<div class="w-56 bg-gray-800 p-4 rounded" class:border={dragover} class:m-px={!dragover} on:drop={handleDrop} on:dragover={handleDragOver} on:dragleave={() => dragover = false} role="none">
     <slot></slot>
 </div>
 
diff --git a/src/components/admin/pages/generate/GroupGenerator.svelte b/src/components/admin/pages/generate/GroupGenerator.svelte
index f14b897..c76837b 100644
--- a/src/components/admin/pages/generate/GroupGenerator.svelte
+++ b/src/components/admin/pages/generate/GroupGenerator.svelte
@@ -18,14 +18,14 @@
   -->
 
 <script lang="ts">
-    import type {ExtendedEvent} from "../../../types/event.js";
+    import type {ExtendedEvent} from "@type/event.ts";
     import TeamChip from "./TeamChip.svelte";
-    import type {Team} from "../../../types/team.js";
+    import type {Team} from "@type/team.ts";
     import DragAcceptor from "./DragAcceptor.svelte";
     import {Button, Input, Label, Modal, Range, Select} from "flowbite-svelte";
-    import {gamemodes, maps} from "../../../stores/stores";
+    import {gamemodes, maps} from "@stores/stores.ts";
     import {PlusSolid} from "flowbite-svelte-icons";
-    import {fightRepo} from "../../../repo/repo";
+    import {fightRepo} from "@repo/repo.ts";
     import {replace} from "svelte-spa-router";
     import dayjs from "dayjs";
 
diff --git a/src/components/admin/pages/generate/TeamChip.svelte b/src/components/admin/pages/generate/TeamChip.svelte
index 13de709..5be4871 100644
--- a/src/components/admin/pages/generate/TeamChip.svelte
+++ b/src/components/admin/pages/generate/TeamChip.svelte
@@ -18,7 +18,7 @@
   -->
 
 <script lang="ts">
-    import type {Team} from "../../../types/team.js";
+    import type {Team} from "@type/team.ts";
     import {brightness, colorFromTeam, lighten} from "../../util";
 
     export let team: Team;
@@ -30,7 +30,8 @@
      style:background-color={hover ? lighten(colorFromTeam(team)) : colorFromTeam(team)} class:text-black={brightness(colorFromTeam(team))} draggable="true"
      on:dragstart
     on:mouseenter={() => hover = true}
-    on:mouseleave={() => hover = false}>
+    on:mouseleave={() => hover = false}
+    role="figure">
     <span>{team.name}</span>
 </div>
 
diff --git a/src/components/admin/pages/home/CreateEventModal.svelte b/src/components/admin/pages/home/CreateEventModal.svelte
index 52c2a5d..f6ecf39 100644
--- a/src/components/admin/pages/home/CreateEventModal.svelte
+++ b/src/components/admin/pages/home/CreateEventModal.svelte
@@ -21,14 +21,14 @@
     import {Button, Input, Label, Modal} from "flowbite-svelte";
     import {createEventDispatcher} from "svelte";
     import ErrorModal from "../../components/ErrorModal.svelte";
-    import {eventRepo} from "../../../repo/repo";
+    import {eventRepo} from "@repo/repo.ts";
     import dayjs from "dayjs";
 
     export let open = false;
     const dispatch = createEventDispatcher();
 
     let errorOpen = false;
-    let error = undefined;
+    let error: any = undefined;
 
     let eventName = "";
     let start = "";
@@ -47,7 +47,7 @@
             })
             dispatch("create");
             open = false;
-        } catch (e) {
+        } catch (e: any) {
             error = e;
             errorOpen = true;
             open = false;
diff --git a/src/components/admin/pages/home/EventCard.svelte b/src/components/admin/pages/home/EventCard.svelte
index a5a0b47..ca17fcb 100644
--- a/src/components/admin/pages/home/EventCard.svelte
+++ b/src/components/admin/pages/home/EventCard.svelte
@@ -20,7 +20,7 @@
 <script lang="ts">
     import {Card} from "flowbite-svelte";
     import {link} from 'svelte-spa-router'
-    import type {ShortEvent} from "../../../types/event.js";
+    import type {ShortEvent} from "@type/event.ts";
 
     export let event: ShortEvent;
 
diff --git a/src/components/admin/util.ts b/src/components/admin/util.ts
index 9223023..7ed7a8e 100644
--- a/src/components/admin/util.ts
+++ b/src/components/admin/util.ts
@@ -18,8 +18,8 @@
  */
 
 import Color from "color";
-import type {Team} from "../types/team.js";
-import type {ListPage, PageList} from "../types/page.ts";
+import type {Team} from "@type/team.js";
+import type {ListPage, PageList} from "@type/page.ts";
 
 export const capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);
 
@@ -28,7 +28,7 @@ export const nameRegex = new RegExp("(?!.*\/).+(?=\\.(md|json))");
 export function mapToMap(pages: PageList): Map<string, ListPage[]> {
     const map = new Map();
     for (const page of pages) {
-        let folder = page.path.substring(0, page.path.indexOf(nameRegex.exec(page.path)!![0]));
+        const folder = page.path.substring(0, page.path.indexOf(nameRegex.exec(page.path)![0]));
         if (!map.has(folder)) {
             map.set(folder, []);
         }
@@ -39,47 +39,47 @@ export function mapToMap(pages: PageList): Map<string, ListPage[]> {
 
 export function colorFromTeam(team: Team): string {
     switch (team.color) {
-        case "1":
-            return "#0000AA";
-        case "2":
-            return "#00AA00";
-        case "3":
-            return "#00AAAA";
-        case "4":
-            return "#AA0000";
-        case "5":
-            return "#AA00AA";
-        case "6":
-            return "#FFAA00";
-        case "7":
-            return "#AAAAAA";
-        case "8":
-            return "#555555";
-        case "9":
-            return "#5555FF";
-        case "a":
-            return "#55FF55";
-        case "b":
-            return "#55FFFF";
-        case "c":
-            return "#FF5555";
-        case "d":
-            return "#FF55FF";
-        case "e":
-            return "#FFFF55";
-        case "f":
-            return "#FFFFFF";
-        default:
-            return "#000000";
+    case "1":
+        return "#0000AA";
+    case "2":
+        return "#00AA00";
+    case "3":
+        return "#00AAAA";
+    case "4":
+        return "#AA0000";
+    case "5":
+        return "#AA00AA";
+    case "6":
+        return "#FFAA00";
+    case "7":
+        return "#AAAAAA";
+    case "8":
+        return "#555555";
+    case "9":
+        return "#5555FF";
+    case "a":
+        return "#55FF55";
+    case "b":
+        return "#55FFFF";
+    case "c":
+        return "#FF5555";
+    case "d":
+        return "#FF55FF";
+    case "e":
+        return "#FFFF55";
+    case "f":
+        return "#FFFFFF";
+    default:
+        return "#000000";
     }
 }
 
 export function lighten(color: string) {
-    return brightness(color) ? Color(color).lighten(0.2).hex() : Color(color).darken(0.2).hex()
+    return brightness(color) ? Color(color).lighten(0.2).hex() : Color(color).darken(0.2).hex();
 }
 
 export function brightness(color: string) {
-    return Color(color).isLight()
+    return Color(color).isLight();
 }
 
 export function base64ToBytes(base64: string) {
diff --git a/src/components/dashboard/SchematicInfo.svelte b/src/components/dashboard/SchematicInfo.svelte
index 3db8866..ec0f9aa 100644
--- a/src/components/dashboard/SchematicInfo.svelte
+++ b/src/components/dashboard/SchematicInfo.svelte
@@ -19,10 +19,10 @@
 
 <script lang="ts">
     import {createEventDispatcher} from "svelte";
-    import {schemRepo} from "../repo/repo";
+    import {schemRepo} from "@repo/repo";
     import {Modal, Spinner} from "flowbite-svelte";
     import SchematicInfoModal from "./SchematicInfoModal.svelte";
-    import type {Player} from "../types/data.ts";
+    import type {Player} from "@type/data.ts";
 
     const dispatch = createEventDispatcher();
 
diff --git a/src/components/dashboard/SchematicInfoModal.svelte b/src/components/dashboard/SchematicInfoModal.svelte
index 9bd3046..a709bf0 100644
--- a/src/components/dashboard/SchematicInfoModal.svelte
+++ b/src/components/dashboard/SchematicInfoModal.svelte
@@ -21,10 +21,10 @@
     import {astroI18n, t} from "astro-i18n";
     import {CheckSolid, XCircleOutline} from "flowbite-svelte-icons";
     import {Modal} from "flowbite-svelte";
-    import type {SchematicInfo} from "../types/schem.ts";
+    import type {SchematicInfo} from "@type/schem.ts";
     import {createEventDispatcher} from "svelte";
-    import {schemRepo} from "../repo/repo";
-    import type {Player} from "../types/data.ts";
+    import {schemRepo} from "@repo/repo";
+    import type {Player} from "@type/data.ts";
     import dayjs from "dayjs";
 
     const dispatch = createEventDispatcher();
diff --git a/src/components/dashboard/SchematicList.svelte b/src/components/dashboard/SchematicList.svelte
index 9322cb0..f325cd4 100644
--- a/src/components/dashboard/SchematicList.svelte
+++ b/src/components/dashboard/SchematicList.svelte
@@ -28,12 +28,12 @@
         InfoCircleOutline
     } from "flowbite-svelte-icons";
     import SchematicListTile from "./SchematicListTile.svelte";
-    import {Breadcrumb, BreadcrumbItem, Pagination, Tooltip} from "flowbite-svelte";
+    import {Breadcrumb, BreadcrumbItem, Tooltip} from "flowbite-svelte";
     import {createEventDispatcher} from "svelte";
-    import type {SchematicList} from "../types/schem.ts";
+    import type {SchematicList} from "@type/schem.ts";
     import SchematicInfo from "./SchematicInfo.svelte";
     import UploadModal from "./UploadModal.svelte";
-    import type {Player} from "../types/data.ts";
+    import type {Player} from "@type/data.ts";
     import SWButton from "../styled/SWButton.svelte";
 
     const dispatch = createEventDispatcher();
diff --git a/src/components/dashboard/SchematicListTile.svelte b/src/components/dashboard/SchematicListTile.svelte
index 65db619..af3515c 100644
--- a/src/components/dashboard/SchematicListTile.svelte
+++ b/src/components/dashboard/SchematicListTile.svelte
@@ -20,8 +20,8 @@
 <script lang="ts">
     import {astroI18n, t} from "astro-i18n";
     import {CheckSolid, FileOutline, FolderOutline, XCircleOutline} from "flowbite-svelte-icons";
-    import type {Schematic} from "../types/schem.ts";
-    import type {Player} from "../types/data.ts";
+    import type {Schematic} from "@type/schem.ts";
+    import type {Player} from "@type/data.ts";
     import dayjs from "dayjs";
     import utc from "dayjs/plugin/utc";
 
diff --git a/src/components/dashboard/Statistics.svelte b/src/components/dashboard/Statistics.svelte
index 0e0284e..c80ec9e 100644
--- a/src/components/dashboard/Statistics.svelte
+++ b/src/components/dashboard/Statistics.svelte
@@ -18,8 +18,8 @@
   -->
 
 <script lang="ts">
-    import type {Player} from "../types/data.ts";
-    import {statsRepo} from "../repo/repo.ts";
+    import type {Player} from "@type/data.ts";
+    import {statsRepo} from "@repo/repo.ts";
     import {astroI18n, t} from "astro-i18n"
 
     export let user: Player;
diff --git a/src/components/dashboard/UploadModal.svelte b/src/components/dashboard/UploadModal.svelte
index c0dc2db..bfab859 100644
--- a/src/components/dashboard/UploadModal.svelte
+++ b/src/components/dashboard/UploadModal.svelte
@@ -19,7 +19,7 @@
 
 <script lang="ts">
     import {Modal} from "flowbite-svelte";
-    import {schemRepo} from "../repo/repo.ts";
+    import {schemRepo} from "@repo/repo.ts";
     import {createEventDispatcher} from "svelte";
 
     const dispatch = createEventDispatcher();
diff --git a/src/components/dashboard/UserInfo.svelte b/src/components/dashboard/UserInfo.svelte
index e547c99..839e247 100644
--- a/src/components/dashboard/UserInfo.svelte
+++ b/src/components/dashboard/UserInfo.svelte
@@ -19,9 +19,9 @@
 
 <script lang="ts">
     import {t} from "astro-i18n";
-    import type {Player} from "../types/data.ts";
-    import {authRepo, tokenStore} from "../repo/repo.ts";
-    import {l} from "../../util/util.ts";
+    import type {Player} from "@type/data.ts";
+    import {authRepo, tokenStore} from "@repo/repo.ts";
+    import {l} from "@utils/util.ts";
     import Statistics from "./Statistics.svelte";
 
     export let user: Player;
diff --git a/src/components/repo/data.ts b/src/components/repo/data.ts
index 1b3c91a..1a26e09 100644
--- a/src/components/repo/data.ts
+++ b/src/components/repo/data.ts
@@ -17,8 +17,8 @@
  *   along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-import type {Player, Server} from "../types/data.ts";
-import {PlayerSchema, ServerSchema} from "../types/data.ts";
+import type {Player, Server} from "@type/data.ts";
+import {PlayerSchema, ServerSchema} from "@type/data.ts";
 import {fetchWithToken} from "./repo.ts";
 
 export class DataRepo {
diff --git a/src/components/repo/event.ts b/src/components/repo/event.ts
index b4673eb..f26f208 100644
--- a/src/components/repo/event.ts
+++ b/src/components/repo/event.ts
@@ -17,9 +17,9 @@
  *   along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-import type {ExtendedEvent, ShortEvent, SWEvent} from "../types/event.js";
+import type {ExtendedEvent, ShortEvent, SWEvent} from "@type/event";
 import {fetchWithToken} from "./repo";
-import {ExtendedEventSchema, ShortEventSchema, SWEventSchema} from "../types/event.js";
+import {ExtendedEventSchema, ShortEventSchema, SWEventSchema} from "@type/event.js";
 import {z} from "zod";
 import type {Dayjs} from "dayjs";
 
diff --git a/src/components/repo/fight.ts b/src/components/repo/fight.ts
index 560b087..8899a61 100644
--- a/src/components/repo/fight.ts
+++ b/src/components/repo/fight.ts
@@ -17,10 +17,10 @@
  *   along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-import type {EventFight} from "../types/event.js";
+import type {EventFight} from "@type/event.js";
 import {fetchWithToken} from "./repo";
 import {z} from "zod";
-import {EventFightSchema} from "../types/event.js";
+import {EventFightSchema} from "@type/event.js";
 import type {Dayjs} from "dayjs";
 
 export interface CreateFight {
diff --git a/src/components/repo/page.ts b/src/components/repo/page.ts
index 98714cd..c921b06 100644
--- a/src/components/repo/page.ts
+++ b/src/components/repo/page.ts
@@ -17,9 +17,9 @@
  *   along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-import type {Page, PageList} from "../types/page.ts";
+import type {Page, PageList} from "@type/page.ts";
 import {fetchWithToken} from "./repo.ts";
-import {PageListSchema, PageSchema} from "../types/page.ts";
+import {PageListSchema, PageSchema} from "@type/page.ts";
 import {bytesToBase64} from "../admin/util.ts";
 import {z} from "zod";
 
@@ -30,13 +30,13 @@ export class PageRepo {
         return await fetchWithToken(this.token, `/page?branch=${branch}`)
             .then(value => value.json())
             .then(PageListSchema.parse)
-            .then(value => value.map(value1 => ({...value1, path: value1.path.replace("src/content/", "")})))
+            .then(value => value.map(value1 => ({...value1, path: value1.path.replace("src/content/", "")})));
     }
 
     public async getPage(id: number, branch: string = "master"): Promise<Page> {
         return await fetchWithToken(this.token, `/page/${id}?branch=${branch}`)
             .then(value => value.json())
-            .then(PageSchema.parse)
+            .then(PageSchema.parse);
     }
 
     public async updatePage(id: number, content: string, sha: string, message: string, branch: string = "master"): Promise<void> {
@@ -46,32 +46,32 @@ export class PageRepo {
                 content: bytesToBase64(new TextEncoder().encode(content)),
                 sha, message
             })
-        })
+        });
     }
 
     public async getBranches(): Promise<string[]> {
         return await fetchWithToken(this.token, "/page/branch")
             .then(value => value.json())
-            .then(value => z.array(z.string()).parse(value))
+            .then(value => z.array(z.string()).parse(value));
     }
 
     public async createBranch(branch: string): Promise<void> {
-        await fetchWithToken(this.token, `/page/branch`, {method: "POST", body: JSON.stringify({branch})})
+        await fetchWithToken(this.token, "/page/branch", {method: "POST", body: JSON.stringify({branch})});
     }
 
     public async deleteBranch(branch: string): Promise<void> {
-        await fetchWithToken(this.token, `/page/branch`, {method: "DELETE", body: JSON.stringify({branch})})
+        await fetchWithToken(this.token, "/page/branch", {method: "DELETE", body: JSON.stringify({branch})});
     }
 
     public async createFile(path: string, branch: string = "master"): Promise<void> {
-        await fetchWithToken(this.token, `/page?branch=${branch}`, {method: "POST", body: JSON.stringify({path})})
+        await fetchWithToken(this.token, `/page?branch=${branch}`, {method: "POST", body: JSON.stringify({path})});
     }
 
     public async merge(branch: string, message: string): Promise<void> {
-        await fetchWithToken(this.token, `/page/branch/merge`, {method: "POST", body: JSON.stringify({branch, message})})
+        await fetchWithToken(this.token, "/page/branch/merge", {method: "POST", body: JSON.stringify({branch, message})});
     }
 
     public async deletePage(id: number, message: string, sha: string, branch: string = "master"): Promise<void> {
-        await fetchWithToken(this.token, `/page/${id}?branch=${branch}`, {method: "DELETE", body: JSON.stringify({message, sha})})
+        await fetchWithToken(this.token, `/page/${id}?branch=${branch}`, {method: "DELETE", body: JSON.stringify({message, sha})});
     }
 }
\ No newline at end of file
diff --git a/src/components/repo/perms.ts b/src/components/repo/perms.ts
index 54d67b5..c5d7a88 100644
--- a/src/components/repo/perms.ts
+++ b/src/components/repo/perms.ts
@@ -17,9 +17,9 @@
  *   along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-import type {Perms, UserPerms} from "../types/perms.js";
+import type {Perms, UserPerms} from "@type/perms.js";
 import {fetchWithToken} from "./repo";
-import {PermsSchema, UserPermsSchema} from "../types/perms.js";
+import {PermsSchema, UserPermsSchema} from "@type/perms.js";
 
 export class PermsRepo {
     constructor(private token: string) {}
diff --git a/src/components/repo/repo.ts b/src/components/repo/repo.ts
index 862a747..ab8141d 100644
--- a/src/components/repo/repo.ts
+++ b/src/components/repo/repo.ts
@@ -18,18 +18,16 @@
  */
 
 import {derived, writable} from "svelte/store";
-import {EventRepo} from "./event.js";
-import {FightRepo} from "./fight.js";
-import {PermsRepo} from "./perms.js";
-import {PageRepo} from "./page.ts";
-import {DataRepo} from "./data.ts";
+import {EventRepo} from "./event";
+import {FightRepo} from "./fight";
+import {PermsRepo} from "./perms";
+import {PageRepo} from "./page";
+import {DataRepo} from "./data";
+import {SchematicRepo} from "./schem";
+import {StatsRepo} from "./stats";
+import {AuthRepo} from "./auth";
 
-import { AES, enc, format } from "crypto-js";
-import {SchematicRepo} from "./schem.ts";
-import {StatsRepo} from "./stats.ts";
-import {AuthRepo} from "./auth.ts";
-
-export { EventRepo } from "./event.js"
+import { AES, enc } from "crypto-js";
 
 export const apiUrl = import.meta.env.PUBLIC_API_SERVER;
 const secret = import.meta.env.PUBLIC_SECRET;
@@ -43,14 +41,14 @@ function decryptToken(token: string): string {
 }
 
 export const fetchWithToken = (token: string, url: string, params: RequestInit = {}) => fetch(`${apiUrl}${url}`, {...params, headers: {...(token !== "" ? {"Authorization": "Bearer " + (token)}:{}), "Content-Type": "application/json", ...params.headers}});
-export const tokenStore = writable(decryptToken(localStorage.getItem("sw-session") ?? ""))
-tokenStore.subscribe((value) => localStorage.setItem("sw-session", encryptToken(value)))
+export const tokenStore = writable(decryptToken(localStorage.getItem("sw-session") ?? ""));
+tokenStore.subscribe((value) => localStorage.setItem("sw-session", encryptToken(value)));
 
-export const eventRepo = derived(tokenStore, ($token) => new EventRepo($token))
-export const fightRepo = derived(tokenStore, ($token) => new FightRepo($token))
-export const permsRepo = derived(tokenStore, ($token) => new PermsRepo($token))
-export const pageRepo = derived(tokenStore, ($token) => new PageRepo($token))
-export const dataRepo = derived(tokenStore, ($token) => new DataRepo($token))
-export const schemRepo = derived(tokenStore, ($token) => new SchematicRepo($token))
-export const statsRepo = derived(tokenStore, ($token) => new StatsRepo($token))
-export const authRepo = derived(tokenStore, ($token) => new AuthRepo($token))
+export const eventRepo = derived(tokenStore, ($token) => new EventRepo($token));
+export const fightRepo = derived(tokenStore, ($token) => new FightRepo($token));
+export const permsRepo = derived(tokenStore, ($token) => new PermsRepo($token));
+export const pageRepo = derived(tokenStore, ($token) => new PageRepo($token));
+export const dataRepo = derived(tokenStore, ($token) => new DataRepo($token));
+export const schemRepo = derived(tokenStore, ($token) => new SchematicRepo($token));
+export const statsRepo = derived(tokenStore, ($token) => new StatsRepo($token));
+export const authRepo = derived(tokenStore, ($token) => new AuthRepo($token));
diff --git a/src/components/repo/schem.ts b/src/components/repo/schem.ts
index e0b62b5..5745459 100644
--- a/src/components/repo/schem.ts
+++ b/src/components/repo/schem.ts
@@ -18,8 +18,8 @@
  */
 
 import {fetchWithToken} from "./repo.ts";
-import type {SchematicCode, SchematicInfo, SchematicList} from "../types/schem.ts";
-import {SchematicCodeSchema, SchematicInfoSchema, SchematicListSchema} from "../types/schem.ts";
+import type {SchematicCode, SchematicInfo, SchematicList} from "@type/schem.ts";
+import {SchematicCodeSchema, SchematicInfoSchema, SchematicListSchema} from "@type/schem.ts";
 
 export class SchematicRepo {
     constructor(private token: string) {}
@@ -41,12 +41,12 @@ export class SchematicRepo {
     }
 
     public async uploadSchematic(name: string, content: string) {
-        return await fetchWithToken(this.token, `/schem`, {
+        return await fetchWithToken(this.token, "/schem", {
             method: "POST",
             body: JSON.stringify({
                 name,
                 content
             })
-        })
+        });
     }
 }
\ No newline at end of file
diff --git a/src/components/repo/stats.ts b/src/components/repo/stats.ts
index 58b0dc8..05555fa 100644
--- a/src/components/repo/stats.ts
+++ b/src/components/repo/stats.ts
@@ -17,9 +17,9 @@
  *   along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-import type {FightStats, Ranking, UserStats} from "../types/stats.ts";
+import type {FightStats, Ranking, UserStats} from "@type/stats.ts";
 import {fetchWithToken} from "./repo.ts";
-import {FightStatsSchema, RankingSchema, UserStatsSchema} from "../types/stats.ts";
+import {FightStatsSchema, RankingSchema, UserStatsSchema} from "@type/stats.ts";
 
 export class StatsRepo {
 
@@ -30,7 +30,7 @@ export class StatsRepo {
     }
 
     public async getFightStats(): Promise<FightStats> {
-        return await fetchWithToken(this.token, `/stats/fights`).then(value => value.json()).then(FightStatsSchema.parse);
+        return await fetchWithToken(this.token, "/stats/fights").then(value => value.json()).then(FightStatsSchema.parse);
     }
 
     public async getUserStats(id: number): Promise<UserStats> {
diff --git a/src/components/stores/cached.ts b/src/components/stores/cached.ts
index d6d804a..3bb5887 100644
--- a/src/components/stores/cached.ts
+++ b/src/components/stores/cached.ts
@@ -33,7 +33,7 @@ export function cached<T>(normal: T, init: () => Promise<T>): Cached<T> {
         init().then(data => {
             store.set(data);
         });
-    }
+    };
 
     return {
         ...readonly(store),
@@ -52,7 +52,7 @@ export function cachedFamily<T, K>(normal: K, init: (arg0: T) => Promise<K>): (a
     const stores: Map<T, Cached<K>> = new Map();
     return (arg: T) => {
         if(stores.has(arg)) {
-            return stores.get(arg)!!;
+            return stores.get(arg)!;
         } else {
             const store = writable<K>(normal);
             let first = true;
@@ -61,7 +61,7 @@ export function cachedFamily<T, K>(normal: K, init: (arg0: T) => Promise<K>): (a
                 init(arg).then(data => {
                     store.set(data);
                 });
-            }
+            };
 
             const cachedStore = {
                 ...readonly(store),
@@ -78,5 +78,5 @@ export function cachedFamily<T, K>(normal: K, init: (arg0: T) => Promise<K>): (a
             stores.set(arg, cachedStore);
             return cachedStore;
         }
-    }
+    };
 }
diff --git a/src/components/stores/stores.ts b/src/components/stores/stores.ts
index 0b10acd..80cc52a 100644
--- a/src/components/stores/stores.ts
+++ b/src/components/stores/stores.ts
@@ -17,28 +17,28 @@
  *   along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-import type {Player, SchematicType} from "../types/data.js";
-import {PlayerSchema} from "../types/data.js";
-import {cached, cachedFamily} from "./cached.js";
-import type {Team} from "../types/team.js";
-import {TeamSchema} from "../types/team.js";
+import type {Player, SchematicType} from "@type/data";
+import {PlayerSchema} from "@type/data.ts";
+import {cached, cachedFamily} from "./cached";
+import type {Team} from "@type/team.ts";
+import {TeamSchema} from "@type/team";
 import {derived, get, writable} from "svelte/store";
-import {dataRepo, fetchWithToken, pageRepo, tokenStore} from "../repo/repo";
+import {dataRepo, fetchWithToken, pageRepo, tokenStore} from "@repo/repo.ts";
 import {z} from "zod";
 
 export const schemTypes = cached<SchematicType[]>([], () =>
-    fetchWithToken(get(tokenStore), `/data/schematicTypes`)
-        .then(res => res.json()))
+    fetchWithToken(get(tokenStore), "/data/schematicTypes")
+        .then(res => res.json()));
 
 export const players = cached<Player[]>([], async () => {
-    const res = await fetchWithToken(get(tokenStore), `/data/users`);
+    const res = await fetchWithToken(get(tokenStore), "/data/users");
     return z.array(PlayerSchema).parse(await res.json());
-})
+});
 
 export const gamemodes = cached<string[]>([], async () => {
-    const res = await fetchWithToken(get(tokenStore), `/data/gamemodes`);
+    const res = await fetchWithToken(get(tokenStore), "/data/gamemodes");
     return z.array(z.string()).parse(await res.json());
-})
+});
 
 export const maps = cachedFamily<string, string[]>([], async (gamemode) => {
     if (get(gamemodes).every(value => value !== gamemode)) return [];
@@ -49,22 +49,22 @@ export const maps = cachedFamily<string, string[]>([], async (gamemode) => {
     } else {
         return res.json();
     }
-})
+});
 
 export const groups = cached<string[]>([], async () => {
-    const res = await fetchWithToken(get(tokenStore), `/data/groups`);
+    const res = await fetchWithToken(get(tokenStore), "/data/groups");
     return z.array(z.string()).parse(await res.json());
-})
+});
 
 export const teams = cached<Team[]>([], async () => {
-    const res = await fetchWithToken(get(tokenStore), `/team`);
+    const res = await fetchWithToken(get(tokenStore), "/team");
     return z.array(TeamSchema).parse(await res.json());
-})
+});
 
 export const branches = cached<string[]>([], async () => {
     const res = await get(pageRepo).getBranches();
     return z.array(z.string()).parse(res);
-})
+});
 
 export const server = derived(dataRepo, $dataRepo => $dataRepo.getServer());
 
diff --git a/src/components/types/data.ts b/src/components/types/data.ts
index e9fc58e..90c2994 100644
--- a/src/components/types/data.ts
+++ b/src/components/types/data.ts
@@ -22,7 +22,7 @@ import {z} from "zod";
 export const SchematicTypeSchema = z.object({
     name: z.string(),
     db: z.string(),
-})
+});
 
 export type SchematicType = z.infer<typeof SchematicTypeSchema>;
 
@@ -32,7 +32,7 @@ export const PlayerSchema = z.object({
     uuid: z.string(),
     prefix: z.string(),
     perms: z.array(z.string()),
-})
+});
 
 export type Player = z.infer<typeof PlayerSchema>;
 
@@ -48,6 +48,6 @@ export const ServerSchema = z.object({
         protocol: z.number()
     }),
     favicon: z.string().optional()
-})
+});
 
 export type Server = z.infer<typeof ServerSchema>;
diff --git a/src/components/types/event.ts b/src/components/types/event.ts
index 1189a46..a822cc1 100644
--- a/src/components/types/event.ts
+++ b/src/components/types/event.ts
@@ -26,7 +26,7 @@ export const ShortEventSchema = z.object({
     name: z.string(),
     start: z.number(),
     end: z.number(),
-})
+});
 
 export type ShortEvent = z.infer<typeof ShortEventSchema>;
 
@@ -36,7 +36,7 @@ export const SWEventSchema = ShortEventSchema.extend({
     schemType: z.string().nullable(),
     publicSchemsOnly: z.boolean(),
     spectateSystem: z.boolean(),
-})
+});
 
 export type SWEvent = z.infer<typeof SWEventSchema>;
 
@@ -50,7 +50,7 @@ export const EventFightSchema = z.object({
     start: z.number(),
     ergebnis: z.number(),
     group: z.string().nullable(),
-})
+});
 
 export type EventFight = z.infer<typeof EventFightSchema>;
 
@@ -58,6 +58,6 @@ export const ExtendedEventSchema = z.object({
     event: SWEventSchema,
     teams: z.array(TeamSchema),
     fights: z.array(EventFightSchema),
-})
+});
 
 export type ExtendedEvent = z.infer<typeof ExtendedEventSchema>;
diff --git a/src/components/types/page.ts b/src/components/types/page.ts
index 871632b..dd5230e 100644
--- a/src/components/types/page.ts
+++ b/src/components/types/page.ts
@@ -29,7 +29,7 @@ export const ListPageSchema = z.object({
 
 export type ListPage = z.infer<typeof ListPageSchema>;
 
-export const PageListSchema = z.array(ListPageSchema)
+export const PageListSchema = z.array(ListPageSchema);
 
 export type PageList = z.infer<typeof PageListSchema>;
 
@@ -41,7 +41,7 @@ export const PageSchema = z.object({
     content: z.string(),
     size: z.number().gte(0),
     id: z.number().positive()
-})
+});
 
 export type Page = z.infer<typeof PageSchema>;
 
diff --git a/src/components/types/perms.ts b/src/components/types/perms.ts
index 214b4b4..205f01f 100644
--- a/src/components/types/perms.ts
+++ b/src/components/types/perms.ts
@@ -23,20 +23,20 @@ export const PrefixSchema = z.object({
     name: z.string().startsWith("PREFIX_"),
     colorCode: z.string().length(2).startsWith("§"),
     chatPrefix: z.string()
-})
+});
 
 export type Prefix = z.infer<typeof PrefixSchema>;
 
 export const PermsSchema = z.object({
     perms: z.array(z.string()),
     prefixes: z.record(PrefixSchema),
-})
+});
 
 export type Perms = z.infer<typeof PermsSchema>;
 
 export const UserPermsSchema = z.object({
     prefix: PrefixSchema,
     perms: z.array(z.string()),
-})
+});
 
 export type UserPerms = z.infer<typeof UserPermsSchema>;
diff --git a/src/components/types/schem.ts b/src/components/types/schem.ts
index 49626c1..980ae91 100644
--- a/src/components/types/schem.ts
+++ b/src/components/types/schem.ts
@@ -30,7 +30,7 @@ export const SchematicSchema = z.object({
     rank: z.number(),
     replaceColor: z.boolean(),
     allowReplay: z.boolean()
-})
+});
 
 export type Schematic = z.infer<typeof SchematicSchema>
 
@@ -41,7 +41,7 @@ export const SchematicListSchema = z.object({
     })),
     schematics: z.array(SchematicSchema),
     players: z.record(z.string(), PlayerSchema)
-})
+});
 
 export type SchematicList = z.infer<typeof SchematicListSchema>
 
@@ -49,7 +49,7 @@ export const SchematicInfoSchema = z.object({
     members: z.array(PlayerSchema),
     path: z.string(),
     schem: SchematicSchema
-})
+});
 
 export type SchematicInfo = z.infer<typeof SchematicInfoSchema>
 
@@ -57,6 +57,6 @@ export const SchematicCodeSchema = z.object({
     id: z.number().gte(0),
     code: z.string(),
     expires: z.number().positive()
-})
+});
 
 export type SchematicCode = z.infer<typeof SchematicCodeSchema>
\ No newline at end of file
diff --git a/src/components/types/stats.ts b/src/components/types/stats.ts
index ffa1f89..767f9ef 100644
--- a/src/components/types/stats.ts
+++ b/src/components/types/stats.ts
@@ -22,7 +22,7 @@ import {z} from "zod";
 export const RankingSchema = z.array(z.object({
     name: z.string(),
     elo: z.number(),
-}))
+}));
 
 export type Ranking = z.infer<typeof RankingSchema>;
 
@@ -30,7 +30,7 @@ export const FightStatsSchema = z.array(z.object({
     date: z.string(),
     gamemode: z.string(),
     count: z.number(),
-}))
+}));
 
 export type FightStats = z.infer<typeof FightStatsSchema>;
 
@@ -40,6 +40,6 @@ export const UserStatsSchema = z.object({
     acceptedSchematics: z.number(),
     fights: z.number(),
     playtime: z.number()
-})
+});
 
 export type UserStats = z.infer<typeof UserStatsSchema>;
\ No newline at end of file
diff --git a/src/components/types/team.ts b/src/components/types/team.ts
index ccf8bb8..93002b2 100644
--- a/src/components/types/team.ts
+++ b/src/components/types/team.ts
@@ -24,8 +24,6 @@ export const TeamSchema = z.object({
     name: z.string(),
     kuerzel: z.string().min(1).max(4),
     color: z.string().max(1),
-})
+});
 
 export type Team = z.infer<typeof TeamSchema>;
-
-
diff --git a/src/i18n/common/de.json b/src/i18n/common/de.json
index 84fa839..604928f 100644
--- a/src/i18n/common/de.json
+++ b/src/i18n/common/de.json
@@ -80,5 +80,16 @@
   },
   "elo": {
     "place": "Platz"
+  },
+  "announcements": {
+    "table": {
+      "time": "Startzeit",
+      "blue": "Blaues Team",
+      "red": "Rotes Team",
+      "winner": "Sieger",
+      "notPlayed": "Nicht gespielt",
+      "draw": "Unentschieden",
+      "points": "Punkte"
+    }
   }
 }
diff --git a/src/i18n/common/en.json b/src/i18n/common/en.json
index e0126a8..bf61937 100644
--- a/src/i18n/common/en.json
+++ b/src/i18n/common/en.json
@@ -116,6 +116,9 @@
       "time": "Time",
       "blue": "Blue Team",
       "red": "Red Team",
+      "winner": "Winner",
+      "notPlayed": "Not Played",
+      "draw": "Draw",
       "team": "Team",
       "points": "Points"
     }
diff --git a/src/pages/announcements/[...slug].astro b/src/pages/announcements/[...slug].astro
index a1b148a..f2525e0 100644
--- a/src/pages/announcements/[...slug].astro
+++ b/src/pages/announcements/[...slug].astro
@@ -1,12 +1,12 @@
 ---
 import {astroI18n, createGetStaticPaths} from "astro-i18n";
 import {getCollection, CollectionEntry} from "astro:content";
-import PageLayout from "../../layouts/PageLayout.astro";
+import PageLayout from "@layouts/PageLayout.astro";
 import {TagSolid, CalendarMonthSolid} from "flowbite-svelte-icons";
-import TagComponent from "../../components/TagComponent.astro";
-import LanguageWarning from "../../components/LanguageWarning.astro";
+import TagComponent from "@components/TagComponent.astro";
+import LanguageWarning from "@components/LanguageWarning.astro";
 import { SEO } from "astro-seo";
-import localBau from "../../images/2022-03-28_13.18.25.png";
+import localBau from "@images/2022-03-28_13.18.25.png";
 import {getImage, Image} from "astro:assets";
 
 export const getStaticPaths = createGetStaticPaths(async () => {
@@ -88,12 +88,12 @@ const ogImage = await getImage({
         )}
         <Content />
         <script>
-            import type {ExtendedEvent} from "../../components/types/event";
-            import FightTable from "../../components/FightTable.svelte";
+            import type {ExtendedEvent} from "@types/event";
+            import FightTable from "@components/FightTable.svelte";
             // @ts-expect-error Import Schenanigans
             import {get} from "svelte/store";
-            import {eventRepo} from "../../components/repo/repo";
-            import GroupTable from "../../components/GroupTable.svelte";
+            import {eventRepo} from "@repo/repo";
+            import GroupTable from "@components/GroupTable.svelte";
             const eventMounts: Map<string, ((ev: ExtendedEvent) => void)[]> = new Map();
 
             class FightTableElement extends HTMLElement {
diff --git a/src/pages/index.astro b/src/pages/index.astro
index cb48d93..0ebf9f7 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,14 +1,14 @@
 ---
-import NavbarLayout from "../layouts/NavbarLayout.astro";
+import NavbarLayout from "@layouts/NavbarLayout.astro";
 
 import { Image } from "astro:assets";
-import localBau from "../images/2023-10-08_20.43.43.png";
+import localBau from "@images/2023-10-08_20.43.43.png";
 import {CaretRight, Archive, Rocket, Bell} from "@astropub/icons";
 import {t} from "astro-i18n";
-import {l} from "../util/util";
-import PlayerCount from "../components/PlayerCount.svelte";
+import {l} from "@utils/util";
+import PlayerCount from "@components/PlayerCount.svelte";
 import "../../public/fonts/barlow-condensed/barlow-condensed.css";
-import type {Player} from "../components/types/data";
+import type {Player} from "@components/types/data";
 
 const teamMember = await fetch("http://localhost:1337/data/team").then(value => value.json());
 
diff --git a/src/pages/login.astro b/src/pages/login.astro
index 9f19114..111149e 100644
--- a/src/pages/login.astro
+++ b/src/pages/login.astro
@@ -1,9 +1,9 @@
 ---
-import Login from "../components/Login.svelte";
-import NavbarLayout from "../layouts/NavbarLayout.astro";
+import Login from "@components/Login.svelte";
+import NavbarLayout from "@layouts/NavbarLayout.astro";
 import {t} from "astro-i18n";
 import {Image} from "astro:assets";
-import localBau from "../images/2023-10-08_20.43.43.png";
+import localBau from "@images/2023-10-08_20.43.43.png";
 ---
 
 <NavbarLayout title={t("login.page")}>
diff --git a/tsconfig.json b/tsconfig.json
index 77da9dd..f4f426b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,3 +1,25 @@
 {
-  "extends": "astro/tsconfigs/strict"
+  "extends": "astro/tsconfigs/strict",
+  "compilerOptions": {
+    "paths": {
+      "@components/*": ["./src/components/*"],
+      "@components": ["./src/components"],
+      "@pages/*": ["./src/pages/*"],
+      "@pages": ["./src/pages"],
+      "@styles/*": ["./src/styles/*"],
+      "@styles": ["./src/styles"],
+      "@utils/*": ["./src/util/*"],
+      "@utils": ["./src/util"],
+      "@type/*": ["./src/components/types/*"],
+      "@type": ["./src/components/types"],
+      "@images/*": ["./src/images/*"],
+      "@images": ["./src/images"],
+      "@layouts/*": ["./src/layouts/*"],
+      "@layouts": ["./src/layouts"],
+      "@repo/*": ["./src/components/repo/*"],
+      "@repo": ["./src/components/repo"],
+      "@stores/*": ["./src/components/stores/*"],
+      "@stores": ["./src/components/stores"],
+    }
+  }
 }
\ No newline at end of file