Add EsLint

.eslintrc.json

@@ -0,0 +1,53 @@
+{
+    "env": {
+        "browser": true,
+        "es2021": true
+    },
+    "extends": [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:astro/recommended",
+        "plugin:svelte/recommended"
+    ],
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+        "ecmaVersion": "latest",
+        "sourceType": "module"
+    },
+    "plugins": [
+        "@typescript-eslint"
+    ],
+    "overrides": [
+        {
+            "files": ["*.astro"],
+            "parser": "astro-eslint-parser",
+            "parserOptions": {
+                "sourceType": "module"
+            },
+            "rules": {
+                "astro/no-conflict-set-directives": "error",
+                "astro/no-unused-define-vars-in-style": "error"
+            }
+        }
+    ],
+    "rules": {
+        "comma-spacing": ["error", { "before": false, "after": true }],
+        "no-multiple-empty-lines": ["error", { "max": 1, "maxEOF": 1 }],
+        "indent": [
+            "error",
+            4
+        ],
+        "linebreak-style": [
+            "error",
+            "unix"
+        ],
+        "quotes": [
+            "error",
+            "double"
+        ],
+        "semi": [
+            "error",
+            "always"
+        ]
+    }
+}

package.json

@@ -18,28 +18,34 @@
 		"ci": "pnpm run clean:dist && pnpm install && pnpm run i18n:sync && pnpm run build && pnpm run package"
 	},
 	"devDependencies": {
-		"@astrojs/svelte": "^5.0.1",
+		"@astrojs/svelte": "^5.0.2",
-		"@astrojs/tailwind": "^5.0.3",
+		"@astrojs/tailwind": "^5.0.4",
 		"@astropub/icons": "^0.2.0",
 		"@types/color": "^3.0.6",
 		"@types/crypto-js": "^4.2.1",
-		"@types/node": "^20.10.4",
+		"@types/node": "^20.10.5",
+		"@typescript-eslint/eslint-plugin": "^6.15.0",
+		"@typescript-eslint/parser": "^6.15.0",
 		"autoprefixer": "^10.4.16",
 		"cssnano": "^6.0.2",
-		"esbuild": "^0.19.9",
+		"esbuild": "^0.19.10",
+		"eslint": "^8.56.0",
+		"eslint-plugin-astro": "^0.31.0",
+		"eslint-plugin-jsx-a11y": "^6.8.0",
+		"eslint-plugin-svelte": "^2.35.1",
 		"postcss-nesting": "^12.0.2",
 		"sass": "^1.69.5",
 		"svelte": "^4.2.8",
-		"tailwind-merge": "^2.1.0",
+		"tailwind-merge": "^2.2.0",
-		"tailwindcss": "^3.3.6",
+		"tailwindcss": "^3.4.0",
 		"typescript": "^5.3.3"
 	},
 	"dependencies": {
 		"@astrojs/sitemap": "^3.0.3",
 		"@codemirror/lang-json": "^6.0.1",
 		"@ddietr/codemirror-themes": "^1.4.2",
-		"astro": "^4.0.6",
+		"astro": "^4.0.7",
-		"astro-i18n": "^2.1.18",
+		"astro-i18n": "^2.2.0",
 		"astro-robots-txt": "^1.0.0",
 		"astro-seo": "^0.8.0",
 		"chart.js": "^4.4.1",
@@ -50,7 +56,7 @@
 		"dayjs": "^1.11.10",
 		"easymde": "^2.18.0",
 		"flowbite": "^1.8.1",
-		"flowbite-svelte": "^0.44.20",
+		"flowbite-svelte": "^0.44.21",
 		"flowbite-svelte-icons": "^0.4.5",
 		"sharp": "^0.32.6",
 		"svelte-awesome": "^3.3.0",

src/components/admin/pages/Edit.svelte

@@ -38,8 +38,6 @@ $: availableBranches = $branches.map((branch) => ({
     value: branch
 }))
 
-$: console.log(availableBranches)
-
 async function createBranch() {
     const name = prompt("Branch name:")
     if (name) {

src/components/admin/pages/edit/MDEMarkdownEditor.svelte

@@ -26,11 +26,11 @@
     let editor: HTMLTextAreaElement;
     let mde: EasyMDE;
 
-    onMount(() => {
+    onMount(async () => {
         mde = new EasyMDE({
             element: editor,
             initialValue: value,
-            spellChecker: false,
+            spellChecker: false
         })
         mde.codemirror.on("change", () => {
             value = mde.value();

src/layouts/Basic.astro

@@ -1,15 +1,15 @@
 ---
-import icon from '../images/logo.png';
+import icon from "../images/logo.png";
 import {getImage} from "astro:assets";
 import {astroI18n} from "astro-i18n";
 const { title, description } = Astro.props.frontmatter || Astro.props;
 import { SEO } from "astro-seo";
 
-const iconImage = await getImage({src: icon, height: 32, width: 32, format: 'png', quality: 100});
+const iconImage = await getImage({src: icon, height: 32, width: 32, format: "png", quality: 100});
 ---
 
 <html lang={astroI18n.locale} class="dark">
-<head>
+    <head>
         <meta charset="UTF-8">
         <meta name="viewport"
             content="width=device-width, user-scalable=5, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0">
@@ -23,8 +23,8 @@ const iconImage = await getImage({src: icon, height: 32, width: 32, format: 'png
         />
 
         <slot name="head" />
-</head>
+    </head>
-<body class="dark:bg-zinc-800">
+    <body class="dark:bg-zinc-800">
         <slot />
-</body>
+    </body>
 </html>

src/layouts/NavbarLayout.astro

@@ -1,11 +1,11 @@
 ---
 import { Image } from "astro:assets";
 import Basic from "./Basic.astro";
-import '../styles/button.css';
+import "../styles/button.css";
-import localLogo from "../images/logo.png"
+import localLogo from "../images/logo.png";
-import {YoutubeSolid, DiscordSolid, CaretDownOutline} from "flowbite-svelte-icons"
+import {YoutubeSolid, DiscordSolid, CaretDownOutline} from "flowbite-svelte-icons";
 import {t} from "astro-i18n";
-import {l} from "../util/util"
+import {l} from "../util/util";
 
 import ServerStatus from "../components/ServerStatus.svelte";
 
@@ -83,7 +83,7 @@ const { title } = Astro.props;
                 </div>
             </nav-bar>
             <script>
-                class Navbar extends HTMLElement {
+class Navbar extends HTMLElement {
     constructor() {
         super();
         if (window.scrollY != 0) {
@@ -98,11 +98,11 @@ const { title } = Astro.props;
             } else {
                 this.classList.remove("scrolled");
             }
+        };
     }
-                    }
+}
-                }
+
-;
+customElements.define("nav-bar", Navbar);
-                customElements.define('nav-bar', Navbar);
             </script>
             <main class="flex-1">
                 <slot />

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

@@ -1,6 +1,6 @@
 ---
-import {getCollection} from 'astro:content'
+import {getCollection} from "astro:content";
-import {astroI18n, createGetStaticPaths, t} from "astro-i18n";
+import {astroI18n, createGetStaticPaths} from "astro-i18n";
 import PageLayout from "../layouts/PageLayout.astro";
 import LanguageWarning from "../components/LanguageWarning.astro";
 
@@ -22,14 +22,13 @@ export const getStaticPaths = createGetStaticPaths(async () => {
         params: {
             slug: fixLink(page.slug)
         }
-    }) )
+    }));
-})
+});
 
 const { page } = Astro.props;
 const { Content } = await page.render();
 ---
 
-
 <PageLayout title={page.data.title}>
     <article>
         {page.data.german && (

src/pages/admin/index.astro

@@ -1,5 +1,5 @@
 ---
-import App from '../../components/admin/App.svelte'
+import App from "../../components/admin/App.svelte";
 import Basic from "../../layouts/Basic.astro";
 ---
 

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

@@ -1,23 +1,23 @@
 ---
-import {astroI18n, createGetStaticPaths, t} from "astro-i18n";
+import {astroI18n, createGetStaticPaths} from "astro-i18n";
 import {getCollection, CollectionEntry} from "astro:content";
 import PageLayout from "../../layouts/PageLayout.astro";
-import {TagSolid, CalendarMonthSolid} from "flowbite-svelte-icons"
+import {TagSolid, CalendarMonthSolid} from "flowbite-svelte-icons";
 import TagComponent from "../../components/TagComponent.astro";
 import LanguageWarning from "../../components/LanguageWarning.astro";
 
 export const getStaticPaths = createGetStaticPaths(async () => {
-    const posts = await getCollection('announcements', entry => entry.id.split('/')[0] === astroI18n.locale);
+    const posts = await getCollection("announcements", entry => entry.id.split("/")[0] === astroI18n.locale);
 
-    const germanPosts = await getCollection('announcements', entry => entry.id.split('/')[0] === 'de');
+    const germanPosts = await getCollection("announcements", entry => entry.id.split("/")[0] === "de");
 
     germanPosts.forEach(value => {
         if (posts.find(post => post.data.key === value.data.key)) {
-            return
+            return;
         } else {
-            posts.push(value)
+            posts.push(value);
         }
-    })
+    });
 
     return posts.map(value => ({
         params: {
@@ -25,13 +25,13 @@ export const getStaticPaths = createGetStaticPaths(async () => {
         },
         props: {
             post: value,
-            german: value.id.split('/')[0] != astroI18n.locale
+            german: value.id.split("/")[0] != astroI18n.locale
         }
-    }))
+    }));
-})
+});
 
 interface Props {
-    post: CollectionEntry<'announcements'>,
+    post: CollectionEntry<"announcements">,
     german: boolean
 }
 
@@ -45,9 +45,9 @@ const { Content } = await post.render();
         <h5 class="flex items-center mt-2 text-neutral-300"><TagSolid class="w-4 h-4 mr-2" /> {post.data.tags.map(tag => (
             <TagComponent tag={tag} />
         ))} <CalendarMonthSolid class="w-4 h-4 mr-2" /> {Intl.DateTimeFormat(astroI18n.locale, {
-            day: 'numeric',
+            day: "numeric",
-            month: 'short',
+            month: "short",
-            year: 'numeric'
+            year: "numeric"
         }).format(post.data.created)} </h5>
         {german && (
             <LanguageWarning />
@@ -64,56 +64,56 @@ const { Content } = await post.render();
 
             class FightTableElement extends HTMLElement {
                 connectedCallback(): void {
-                    if (!eventMounts.has(this.dataset['event'])) {
+                    if (!eventMounts.has(this.dataset["event"])) {
-                        eventMounts.set(this.dataset['event'], [])
+                        eventMounts.set(this.dataset["event"], []);
                     }
-                    const rows = Number.parseInt(this.dataset['rows']);
+                    const rows = Number.parseInt(this.dataset["rows"]);
-                    eventMounts.get(this.dataset['event']).push(ev => {
+                    eventMounts.get(this.dataset["event"]).push(ev => {
                         new FightTable({
                             target: this,
                             props: {
                                 event: ev,
-                                group: this.dataset['group'],
+                                group: this.dataset["group"],
                                 rows: !isNaN(rows) ? rows : 1,
                             }
-                        })
+                        });
-                    })
+                    });
                 }
             }
 
             class GroupTableElement extends HTMLElement {
                 connectedCallback(): void {
-                    if (!eventMounts.has(this.dataset['event'])) {
+                    if (!eventMounts.has(this.dataset["event"])) {
-                        eventMounts.set(this.dataset['event'], [])
+                        eventMounts.set(this.dataset["event"], []);
                     }
-                    const rows = Number.parseInt(this.dataset['rows']);
+                    const rows = Number.parseInt(this.dataset["rows"]);
-                    eventMounts.get(this.dataset['event']).push(ev => {
+                    eventMounts.get(this.dataset["event"]).push(ev => {
                         new GroupTable({
                             target: this,
                             props: {
                                 event: ev,
-                                group: this.dataset['group'],
+                                group: this.dataset["group"],
                                 rows: !isNaN(rows) ? rows : 1,
                             }
-                        })
+                        });
-                    })
+                    });
                 }
             }
 
-            customElements.define('fight-table', FightTableElement);
+            customElements.define("fight-table", FightTableElement);
-            customElements.define('group-table', GroupTableElement);
+            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)
+                            mount(ev);
                         }
-                    })
+                    });
                 }
             }
 
-            mountEvent()
+            mountEvent();
         </script>
     </article>
 </PageLayout>

src/pages/announcements/index.astro

@@ -1,22 +1,22 @@
 ---
-import { getCollection } from "astro:content"
+import { getCollection } from "astro:content";
 import PageLayout from "../../layouts/PageLayout.astro";
 import {astroI18n, t} from "astro-i18n";
 import PostComponent from "../../components/PostComponent.astro";
 import dayjs from "dayjs";
 
 async function getPosts() {
-    const posts = await getCollection('announcements', entry => entry.id.split('/')[0] === astroI18n.locale);
+    const posts = await getCollection("announcements", entry => entry.id.split("/")[0] === astroI18n.locale);
 
-    const germanPosts = await getCollection('announcements', entry => entry.id.split('/')[0] === 'de');
+    const germanPosts = await getCollection("announcements", entry => entry.id.split("/")[0] === "de");
 
     germanPosts.forEach(value => {
         if (posts.find(post => post.data.key === value.data.key)) {
-            return
+            return;
         } else {
-            posts.push(value)
+            posts.push(value);
         }
-    })
+    });
 
     return posts.sort((a, b) => dayjs(b.data.created).unix() - dayjs(a.data.created).unix()).filter((value, index) => index < 20);
 }

src/pages/announcements/tags/[tag].astro

@@ -8,31 +8,31 @@ import PostComponent from "../../../components/PostComponent.astro";
 import dayjs from "dayjs";
 
 export const getStaticPaths = createGetStaticPaths(async () => {
-    let posts = (await getCollection('announcements', entry => entry.id.split("/")[0] === astroI18n.locale));
+    let posts = (await getCollection("announcements", entry => entry.id.split("/")[0] === astroI18n.locale));
 
-    const germanPosts = await getCollection('announcements', entry => entry.id.split('/')[0] === 'de');
+    const germanPosts = await getCollection("announcements", entry => entry.id.split("/")[0] === "de");
 
     posts.sort((a, b) => dayjs(b.data.created).unix() - dayjs(a.data.created).unix());
 
     germanPosts.forEach(value => {
         if (posts.find(post => post.data.key === value.data.key)) {
-            return
+            return;
         } else {
-            posts.push(value)
+            posts.push(value);
         }
-    })
+    });
 
-    posts = posts.filter((value, index) => index < 20)
+    posts = posts.filter((value, index) => index < 20);
 
-    let groupedByTags: Record<string, CollectionEntry<'announcements'>[]> = {}
+    let groupedByTags: Record<string, CollectionEntry<"announcements">[]> = {};
     posts.forEach(post => {
         post.data.tags.forEach(tag => {
             if (!groupedByTags[tag]) {
-                groupedByTags[tag] = []
+                groupedByTags[tag] = [];
             }
-            groupedByTags[tag].push(post)
+            groupedByTags[tag].push(post);
-        })
+        });
-    })
+    });
 
     return Object.keys(groupedByTags).map(tag => ({
         params: {
@@ -42,11 +42,11 @@ export const getStaticPaths = createGetStaticPaths(async () => {
             posts: groupedByTags[tag],
             tag: tag
         }
-    }))
+    }));
-})
+});
 
 interface Props {
-    posts: CollectionEntry<'announcements'>[]
+    posts: CollectionEntry<"announcements">[]
     tag: string
 }
 

src/pages/dashboard.astro

@@ -1,7 +1,5 @@
 ---
 import Dashboard from "../components/Dashboard.svelte";
-import {AES} from "crypto-js";
-import {l} from "../util/util";
 import PageLayout from "../layouts/PageLayout.astro";
 import {t} from "astro-i18n";
 ---

src/pages/downloads.astro

@@ -14,7 +14,7 @@ const downloads = await getCollection("downloads");
             <div class="py-4">{t(e.data.description)}</div>
 
             <div class="flex flex-col">
-                {typeof e.data.url === 'object' ?
+                {typeof e.data.url === "object" ?
                     Object.entries(e.data.url).map(value => (
                         <a href={value[1].startsWith("/") ? l(value[1]) : value[1]} class="text-blue-500 hover:underline w-fit">{t(value[0])}</a>
                     ))

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

@@ -1,5 +1,5 @@
 ---
-import { getCollection } from 'astro:content'
+import { getCollection } from "astro:content";
 import NavbarLayout from "../../layouts/NavbarLayout.astro";
 import {astroI18n, createGetStaticPaths} from "astro-i18n";
 
@@ -8,14 +8,13 @@ export const getStaticPaths = createGetStaticPaths(async () => {
 
     return posts.filter(value => value.id.split("/")[0] === astroI18n.locale).map((page) => ({
         props: { page }, params: { slug: page.slug }
-    }) )
+    }) );
-})
+});
 
 const { page } = Astro.props;
 const { Content } = await page.render();
 ---
 
-
 <NavbarLayout title={page.data.title}>
     <article>
         <h1 class="text-left">{page.data.title}</h1>

src/pages/help/index.astro

@@ -2,7 +2,6 @@
 import {getCollection} from "astro:content";
 import {astroI18n} from "astro-i18n";
 
-import NavbarLayout from "../../layouts/NavbarLayout.astro";
 import {l} from "../../util/util";
 import PageLayout from "../../layouts/PageLayout.astro";
 let posts = await getCollection("help", entry => entry.id.split("/")[0] === astroI18n.locale);

src/pages/index.astro

@@ -3,36 +3,37 @@ import NavbarLayout from "../layouts/NavbarLayout.astro";
 
 import { Image } from "astro:assets";
 import localBau from "../images/2023-10-08_20.43.43.png";
-import {CaretRight, Archive, Rocket, Bell} from "@astropub/icons"
+import {CaretRight, Archive, Rocket, Bell} from "@astropub/icons";
 import {t} from "astro-i18n";
-import {l} from "../util/util"
+import {l} from "../util/util";
 import PlayerCount from "../components/PlayerCount.svelte";
-import "../../public/fonts/barlow-condensed/barlow-condensed.css"
+import "../../public/fonts/barlow-condensed/barlow-condensed.css";
+import type {Player} from "../components/types/data";
 
-const teamMember = await fetch("http://localhost:1337/data/team").then(value => value.json())
+const teamMember = await fetch("http://localhost:1337/data/team").then(value => value.json());
 
 function groupByGroup(array) {
-	const groups = new Map<string, any>();
+    const groups = new Map<string, Player[]>();
 
     for (let user of array) {
         if (groups.has(user.prefix)) {
-			groups.get(user.prefix).push(user)
+            groups.get(user.prefix).push(user);
         } else {
-			groups.set(user.prefix, [user])
+            groups.set(user.prefix, [user]);
         }
     }
 
-	return groups
+    return groups;
 }
 
-const groupedTeamMember = groupByGroup(teamMember)
+const groupedTeamMember = groupByGroup(teamMember);
 
 function mapMap<T, K, J>(i: Map<T, K>, fn: (key: T, value: K) => J): J[] {
-	const arr = []
+    const arr = [];
     for (let [key, value] of i) {
-		arr.push(fn(key, value))
+        arr.push(fn(key, value));
     }
-	return arr
+    return arr;
 }
 
 ---
@@ -55,31 +56,31 @@ function mapMap<T, K, J>(i: Map<T, K>, fn: (key: T, value: K) => J): J[] {
         current = 0;
 
         connectedCallback() {
-						this._current.classList.add("!opacity-100")
+            this._current.classList.add("!opacity-100");
 
             for (let i = 0; i < this.children.length; i++) {
                 if (i !== this.current) {
-								this.children[i].classList.add("translate-y-8")
+                    this.children[i].classList.add("translate-y-8");
                 }
             }
 
             setInterval(() => {
-							this.next()
+                this.next();
-						}, 5000)
+            }, 5000);
         }
 
         get _current() {
-						return this.children[this.current]
+            return this.children[this.current];
         }
 
         next() {
-						this._current.classList.remove("!opacity-100")
+            this._current.classList.remove("!opacity-100");
-						this._current.classList.add("translate-y-8")
+            this._current.classList.add("translate-y-8");
-						this._current.classList.remove("!delay-500")
+            this._current.classList.remove("!delay-500");
-						this.current = (this.current + 1) % this.children.length
+            this.current = (this.current + 1) % this.children.length;
-						this._current.classList.add("!opacity-100")
+            this._current.classList.add("!opacity-100");
-						this._current.classList.remove("translate-y-8")
+            this._current.classList.remove("translate-y-8");
-						this._current.classList.add("!delay-500")
+            this._current.classList.add("!delay-500");
         }
 				}
 
@@ -87,11 +88,11 @@ function mapMap<T, K, J>(i: Map<T, K>, fn: (key: T, value: K) => J): J[] {
         connectedCallback() {
             for (let child of this.children) {
                 if(child.classList.contains("opacity-0")) {
-								child.classList.remove("opacity-0")
+                    child.classList.remove("opacity-0");
-								child.classList.remove("-translate-y-16")
+                    child.classList.remove("-translate-y-16");
                 } else {
-								child.children[0].classList.remove("opacity-0")
+                    child.children[0].classList.remove("opacity-0");
-								child.children[0].classList.remove("-translate-y-16")
+                    child.children[0].classList.remove("-translate-y-16");
                 }
             }
         }

src/pages/login.astro

@@ -1,5 +1,4 @@
 ---
-import {l} from "../util/util";
 import Login from "../components/Login.svelte";
 import NavbarLayout from "../layouts/NavbarLayout.astro";
 import {t} from "astro-i18n";

src/pages/ranked/[...gamemode].astro

@@ -14,7 +14,7 @@ export const getStaticPaths = createGetStaticPaths(async () => {
         params: {
             gamemode: value.id
         }
-    }))
+    }));
 });
 
 interface Props {
@@ -24,7 +24,6 @@ interface Props {
 const { mode } = Astro.props;
 ---
 
-
 <PageLayout title={t("elo.title", {mode: t(`${mode.data.translationKey}.title`)})}>
     <h1 class="text-2xl mb-2">{t("ranking.heading", { mode: t(`${mode.data.translationKey}.title`) })}</h1>
     <EloTable gamemode={mode.id} client:only="svelte" />

src/pages/rules/[mode].astro

@@ -1,5 +1,5 @@
 ---
-import {getCollection, CollectionEntry} from 'astro:content'
+import {getCollection, CollectionEntry} from "astro:content";
 import {astroI18n, createGetStaticPaths, t} from "astro-i18n";
 import PageLayout from "../../layouts/PageLayout.astro";
 import LanguageWarning from "../../components/LanguageWarning.astro";
@@ -7,20 +7,20 @@ import LanguageWarning from "../../components/LanguageWarning.astro";
 export const getStaticPaths = createGetStaticPaths(async () => {
     let posts = await getCollection("rules", value => value.id.split("/")[0] === astroI18n.locale);
 
-    const germanPosts = await getCollection('rules', entry => entry.id.split('/')[0] === 'de');
+    const germanPosts = await getCollection("rules", entry => entry.id.split("/")[0] === "de");
 
     germanPosts.forEach(value => {
         if (posts.find(post => post.id.split("/")[1] === value.id.split("/")[1])) {
-            return
+            return;
         } else {
-            posts.push(value)
+            posts.push(value);
         }
-    })
+    });
 
     return posts.map((page) => ({
         props: { page, german: page.id.split("/")[0] != astroI18n.locale }, params: { mode: page.slug.split("/")[1] }
-    }))
+    }));
-})
+});
 
 interface Props {
     page: CollectionEntry<"rules">,
@@ -31,7 +31,6 @@ const { page, german } = Astro.props;
 const { Content } = await page.render();
 ---
 
-
 <PageLayout title={t("title", {mode: t(`${page.data.translationKey}.title`, {}, {route: "/rules"})}, {route: "/rules"})}>
     <article>
         {german && (

src/pages/rules/index.astro

@@ -1,9 +1,8 @@
 ---
-
+import wg from "../../images/WarGears.png";
-import wg from "../../images/WarGears.png"
+import mwg from "../../images/MiniWarGears.png";
-import mwg from "../../images/MiniWarGears.png"
+import as from "../../images/AirShips.png";
-import as from "../../images/AirShips.png"
+import ws from "../../images/WarShips.png";
-import ws from "../../images/WarShips.png"
 import {t} from "astro-i18n";
 import {getCollection} from "astro:content";
 import PageLayout from "../../layouts/PageLayout.astro";
@@ -16,9 +15,9 @@ const imageMap = {
     "as": as,
     "ws": ws,
     "qg": mwg
-}
+};
 
-const modes = await getCollection("modes", entry => entry.data.main)
+const modes = await getCollection("modes", entry => entry.data.main);
 ---
 
 <PageLayout title={t("page")}>
@@ -32,7 +31,7 @@ const modes = await getCollection("modes", entry => entry.data.main)
                 <div class="mt-2 flex flex-col">
                     <a href={l(`/rules/${value.id}`)} class="text-yellow-300 hover:underline w-fit">{t("rules")}</a>
                     <a href={l(`/announcements/tags/${value.id}`)} class="text-yellow-300 hover:underline w-fit">{t("announcements")}</a>
-                        {value.data.ranked ? <a href={l(`/ranked/${value.id}`)} class="text-yellow-300 hover:underline w-fit">{t(`ranking`)}</a> : null}
+                    {value.data.ranked ? <a href={l(`/ranked/${value.id}`)} class="text-yellow-300 hover:underline w-fit">{t("ranking")}</a> : null}
                 </div>
             </div>
         </div>))}

src/util/util.ts

@@ -17,21 +17,22 @@
  *   along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { l as proxyL, t as proxyT } from 'astro-i18n'
+import { l as proxyL } from "astro-i18n";
 
 const locales = ["de"];
 
 export const l =  (route: string) => {
-    const transPath = proxyL(route)
+    const transPath = proxyL(route);
 
     if(import.meta.env.DEV) {
         return transPath;
     }
 
-    let [empty, locale, ...rest] = transPath.split("/");
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const [_, locale, ...rest] = transPath.split("/");
     if (locales.includes(locale)) {
         return "/" + rest.join("/");
     }
 
     return transPath;
-}
+};