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

src/dashboard/example/components/ScoreboardPanel.vue

@@ -106,7 +106,9 @@ watchEffect(() => {
 <template>
   <div class="scoreboard-panel">
     <div class="row items-center q-mb-md">
-      <div class="text-h4">Scoreboard</div>
+      <div class="text-h4">
+        Scoreboard
+      </div>
       <QSpace />
       <QBtn
         color="secondary"
@@ -127,14 +129,20 @@ watchEffect(() => {
 
     <div class="row q-col-gutter-lg">
       <div class="col-12 col-md-6">
-        <QCard flat bordered>
+        <QCard
+          flat
+          bordered
+        >
           <QCardSection>
-            <div class="text-subtitle1 text-weight-bold">Lado izquierdo</div>
+            <div class="text-subtitle1 text-weight-bold">
+              Lado izquierdo
+            </div>
           </QCardSection>
           <QSeparator />
           <QCardSection>
             <QSelect
               v-model="scoreboardStore.scoreboard.leftPlayerId"
+              v-model:input-value="leftInput"
               :options="leftPlayerOptions"
               label="Jugador"
               dense
@@ -145,7 +153,6 @@ watchEffect(() => {
               input-debounce="0"
               hide-selected
               fill-input
-              v-model:input-value="leftInput"
               @filter="onLeftFilter"
               @focus="onLeftFocus"
               @blur="onLeftBlur"
@@ -172,14 +179,20 @@ watchEffect(() => {
       </div>
 
       <div class="col-12 col-md-6">
-        <QCard flat bordered>
+        <QCard
+          flat
+          bordered
+        >
           <QCardSection>
-            <div class="text-subtitle1 text-weight-bold">Lado derecho</div>
+            <div class="text-subtitle1 text-weight-bold">
+              Lado derecho
+            </div>
           </QCardSection>
           <QSeparator />
           <QCardSection>
             <QSelect
               v-model="scoreboardStore.scoreboard.rightPlayerId"
+              v-model:input-value="rightInput"
               :options="rightPlayerOptions"
               label="Jugador"
               dense
@@ -190,7 +203,6 @@ watchEffect(() => {
               input-debounce="0"
               hide-selected
               fill-input
-              v-model:input-value="rightInput"
               @filter="onRightFilter"
               @focus="onRightFocus"
               @blur="onRightBlur"
@@ -216,7 +228,6 @@ watchEffect(() => {
         </QCard>
       </div>
     </div>
-
   </div>
 </template>