Fix standings sort

src/components/StandingsTable.vue

@@ -12,12 +12,11 @@
         </tr>
       </thead>
       <tbody>
-        <tr v-for="(team, index) in teams" :key="index">
+        <tr v-for="(team, index) in sortedTeams" :key="index">
           <td>
             <RouterLink
               :to="{ name: 'team', params: { seasonNumber: seasonNumber(), teamAbbreviation: team.teamAbbreviation } }">
-              {{
+              {{ team.teamName }}
-          team.teamName }}
             </RouterLink>
           </td>
           <td>{{ record(team) }}</td>
@@ -48,6 +47,16 @@ export default {
       required: true
     }
   },
+  computed: {
+    sortedTeams(): TeamStanding[] {
+      if (!this.teams) return []
+      return this.teams.slice()
+        .sort((t1, t2) =>
+          (t2.wins - t2.losses) !== (t1.wins - t1.losses)
+            ? (t2.wins - t2.losses) - (t1.wins - t1.losses)
+            : (t2.wins + t2.losses) - (t1.wins + t1.losses))
+    }
+  },
   methods: {
     eliminationNumber(teamStanding: TeamStanding): string {
       return this.isDivisional ? teamStanding.divisionEliminationNumber : teamStanding.wildcardEliminationNumber