Add eslint
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user