Add eslint

This commit is contained in:
2025-08-20 23:40:00 +02:00
parent cc544322b2
commit 16956d12f4
31 changed files with 1214 additions and 913 deletions
+11 -10
View File
@@ -44,9 +44,10 @@ const columns = leaderboardColumns.map((c) =>
@click="toggle"
/>
</div>
<!-- eslint-disable-next-line vue/no-multiple-template-root -->
<article
class="h-dvh w-full snap-y snap-mandatory overflow-y-scroll scroll-smooth"
v-if="data"
class="h-dvh w-full snap-y snap-mandatory overflow-y-scroll scroll-smooth"
>
<section id="title">
<div
@@ -99,13 +100,13 @@ const columns = leaderboardColumns.map((c) =>
</section>
<section
v-for="quest in data.quests"
:key="quest.id"
:id="tSluggy(quest).value"
:key="quest.id"
>
<div class="flex flex-col gap-4 bg-yellow-100 p-4">
<div class="my-8 flex w-full flex-row justify-around">
<h3 class="text-3xl">{{ tKey(quest, 'title') }}</h3>
<p class="text-xl font-bold" v-if="hasKey(quest, 'question')">
<p v-if="hasKey(quest, 'question')" class="text-xl font-bold">
{{ tKey(quest, 'question') }}
</p>
<p v-if="quest.textSolution" class="text-3xl">
@@ -137,7 +138,7 @@ const columns = leaderboardColumns.map((c) =>
>
</div>
</section>
<section id="leaderboard" v-if="data.leaderboard.length > 3">
<section v-if="data.leaderboard.length > 3" id="leaderboard">
<div class="flex flex-col gap-4 bg-indigo-100">
<h1 class="mt-8 text-center text-6xl">
{{ t('page.showcase.leaderboard') }}
@@ -150,7 +151,7 @@ const columns = leaderboardColumns.map((c) =>
:items="data.leaderboard.slice(3)"
:columns="leaderboardColumns"
>
<template v-for="col in columns" #[col]
<template v-for="col in columns" #[col] :key="col"
><span>{{ t(`page.showcase.table.${col}`) }}</span></template
>
<template #cell(place)="{ rowIndex }">
@@ -159,7 +160,7 @@ const columns = leaderboardColumns.map((c) =>
</VaDataTable>
</div>
</section>
<section id="leaderboard-third" v-if="data.leaderboard[2]">
<section v-if="data.leaderboard[2]" id="leaderboard-third">
<div class="place bg-[#AD8A56]">
<div class="place-left">
<VaIcon name="looks_3" size="10rem" />
@@ -181,7 +182,7 @@ const columns = leaderboardColumns.map((c) =>
</div>
</div>
</section>
<section id="leaderboard-second" v-if="data.leaderboard[1]">
<section v-if="data.leaderboard[1]" id="leaderboard-second">
<div class="place bg-[#B4B4B4]">
<div class="place-left">
<VaIcon name="looks_two" size="10rem" />
@@ -203,7 +204,7 @@ const columns = leaderboardColumns.map((c) =>
</div>
</div>
</section>
<section id="leaderboard-winner-teaser" v-if="data.leaderboard[0]">
<section v-if="data.leaderboard[0]" id="leaderboard-winner-teaser">
<div class="place bg-[#C9B037]">
<div class="place-left">
<VaIcon name="looks_one" size="10rem" />
@@ -227,7 +228,7 @@ const columns = leaderboardColumns.map((c) =>
</div>
</div>
</section>
<section id="leaderboard-winner" v-if="data.leaderboard[0]">
<section v-if="data.leaderboard[0]" id="leaderboard-winner">
<div class="place bg-[#C9B037]">
<div class="place-left">
<VaIcon name="workspace_premium" size="10rem" />
@@ -258,7 +259,7 @@ const columns = leaderboardColumns.map((c) =>
<VaAlert color="danger" class="w-[90%]"
>Answers are not revealed yet, please wait until the end!</VaAlert
>
<VaAlert color="danger" class="w-[90%]" v-if="error.statusCode !== 403">{{
<VaAlert v-if="error.statusCode !== 403" color="danger" class="w-[90%]">{{
error
}}</VaAlert
><VaButton