step implementing maintanance logic

src/views/Players.vue

@@ -2,12 +2,7 @@
   <div>
     <h2>Add players</h2>
     <div class="row">
-      <input
-        v-model="playerInput"
-        type="text"
-        placeholder="Enter player name"
-        @keydown.enter="addPlayer"
-      />
+      <input v-model="playerInput" type="text" placeholder="Enter player name" @keydown.enter="addPlayer" />
       <button @click="addPlayer" type="button">Add</button>
     </div>
     <ul class="player-list">
@@ -15,7 +10,8 @@
         <span class="player-name">{{ player }}</span>
         <button class="delete-btn" @click="deletePlayer(index)" title="Delete player">
           <svg class="trash-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-            <path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-9l-1 1H5v2h14V4z" fill="currentColor"/>
+            <path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-9l-1 1H5v2h14V4z"
+              fill="currentColor" />
           </svg>
         </button>
       </li>