refactor to utils + bug-fixes

src/components/ScoreTeamPlayer.vue

@@ -13,8 +13,9 @@
     </svg>
   </td>
   <td>
-    <img :src="props.rank ? require('@/images/rank_icons/skillgroup' + props.rank + '.svg') : require('@/images/rank_icons/skillgroup0.svg')"
-         alt="Player rank"
+    <img :src="DisplayRank(props.rank)[0]"
+         :alt="DisplayRank(props.rank)[1]"
+         :title="DisplayRank(props.rank)[1]"
          class="player__rank">
   </td>
   <td class="player__kills">
@@ -52,7 +53,7 @@
 </template>
 
 <script>
-import {GetHLTV_1, GoToPlayer} from "../utils";
+import {GetHLTV_1, GoToPlayer, DisplayRank} from "../utils";
 
 export default {
   name: 'ScoreTeamPlayer',
@@ -144,7 +145,7 @@ export default {
     }
   },
   setup(props) {
-    return {props, GetHLTV_1, GoToPlayer}
+    return {props, GetHLTV_1, GoToPlayer, DisplayRank}
   }
 }
 </script>