fix: resolve eslint errors and vue template warnings (#33)

This commit is contained in:
Pandipipas
2026-02-10 13:01:20 +01:00
committed by GitHub
parent 2fcf4b5dce
commit f9dfa686ee
9 changed files with 135 additions and 36 deletions
+60 -14
View File
@@ -89,11 +89,19 @@ const roundText = computed(() => scoreboard.value.round || 'Round');
<template>
<div id="scoreboard">
<div id="back-panel-wrapper">
<img id="back-panel" src="./img/back.svg" alt="" />
<img
id="back-panel"
src="./img/back.svg"
alt=""
>
</div>
<div id="main-panel-wrapper">
<img id="main-panel" src="./img/main.svg" alt="" />
<img
id="main-panel"
src="./img/main.svg"
alt=""
>
<div id="progress-text-wrapper">
<div id="progress-text">
@@ -101,23 +109,41 @@ const roundText = computed(() => scoreboard.value.round || 'Round');
</div>
</div>
<div id="p1-games-text-wrapper" class="games-text-wrapper">
<div
id="p1-games-text-wrapper"
class="games-text-wrapper"
>
<div class="games-text">
{{ scoreboard.leftScore }}
</div>
</div>
<div id="p2-games-text-wrapper" class="games-text-wrapper">
<div
id="p2-games-text-wrapper"
class="games-text-wrapper"
>
<div class="games-text">
{{ scoreboard.rightScore }}
</div>
</div>
<div id="p1-name-wrapper" class="name-wrapper">
<img src="./img/name1.svg" alt="" />
<div
id="p1-name-wrapper"
class="name-wrapper"
>
<img
src="./img/name1.svg"
alt=""
>
<div id="p1-name-text-wrapper" class="name-text-wrapper">
<span v-if="leftTeam" class="team-text">
<div
id="p1-name-text-wrapper"
class="name-text-wrapper"
>
<span
v-if="leftTeam"
class="team-text"
>
{{ leftTeam }}
</span>
<span class="gamertag-text">
@@ -131,16 +157,32 @@ const roundText = computed(() => scoreboard.value.round || 'Round');
class="flag-wrapper"
>
<div class="flag-mask">
<img class="flag" :src="leftFlagUrl" alt="" />
<img
class="flag"
:src="leftFlagUrl"
alt=""
>
</div>
</div>
</div>
<div id="p2-name-wrapper" class="name-wrapper">
<img src="./img/name2.svg" alt="" />
<div
id="p2-name-wrapper"
class="name-wrapper"
>
<img
src="./img/name2.svg"
alt=""
>
<div id="p2-name-text-wrapper" class="name-text-wrapper">
<span v-if="rightTeam" class="team-text">
<div
id="p2-name-text-wrapper"
class="name-text-wrapper"
>
<span
v-if="rightTeam"
class="team-text"
>
{{ rightTeam }}
</span>
<span class="gamertag-text">
@@ -154,7 +196,11 @@ const roundText = computed(() => scoreboard.value.round || 'Round');
class="flag-wrapper"
>
<div class="flag-mask">
<img class="flag" :src="rightFlagUrl" alt="" />
<img
class="flag"
:src="rightFlagUrl"
alt=""
>
</div>
</div>
</div>