mirror of
https://github.com/Pandipipas/scoreko-dev.git
synced 2026-06-06 11:42:06 +00:00
fix: resolve eslint errors and vue template warnings (#33)
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user