Fix bug on team view sub-components

src/components/TeamBattingTable.vue

@@ -135,6 +135,12 @@ export default {
   created() {
     this.fetchData()
   },
+  watch: {
+    teamId(newValue, oldValue) {
+      if (newValue !== oldValue)
+        this.fetchData()
+    }
+  },
   methods: {
     async fetchData(): Promise<void> {
       const unsortedBattingStats: BattingStat[] = await fetchBattingStatsBySeasonAndTeamId(this.seasonNumber, this.teamId, this.isRegularSeason)

src/components/TeamFieldingTable.vue

@@ -88,10 +88,16 @@ export default {
   created() {
     this.fetchData()
   },
+  watch: {
+    teamId(newValue, oldValue) {
+      if (newValue !== oldValue)
+        this.fetchData()
+    }
+  },
   methods: {
     async fetchData(): Promise<void> {
       const unsortedFieldingStats: FieldingStat[] = await fetchFieldingStatsBySeasonAndTeamId(this.seasonNumber, this.teamId, this.isRegularSeason)
-      this.fieldingStats = unsortedFieldingStats.sort((s1, s2) => POS_MAP[s1.pos] - POS_MAP[s2.pos])
+      this.fieldingStats = unsortedFieldingStats.sort((s1, s2) => s2.xCheckCount - s1.xCheckCount)
     },
     formatCaughtStealingPercent(stat: FieldingStat): string {
       if (stat.stolenBaseCheckCount === 0 || Number.isNaN(stat.caughtStealingPercent)) {

src/components/TeamPitchingTable.vue

@@ -141,6 +141,12 @@ export default {
   created() {
     this.fetchData()
   },
+  watch: {
+    teamId(newValue, oldValue) {
+      if (newValue !== oldValue)
+        this.fetchData()
+    }
+  },
   methods: {
     async fetchData(): Promise<void> {
       const unsortedPitchingStats: PitchingStat[] = await fetchPitchingStatsBySeasonAndTeamId(this.seasonNumber, this.teamId, this.isRegularSeason)

src/components/TeamScheduleTable.vue

@@ -88,7 +88,6 @@
           </table>
         </div>
       </div>
-
     </div>
   </div>
 </template>
@@ -136,6 +135,12 @@ export default {
   created() {
     this.fetchData()
   },
+  watch: {
+    teamId(newValue, oldValue) {
+      if (newValue !== oldValue)
+        this.fetchData()
+    }
+  },
   methods: {
     makeScheduleRowsFromGames(games: Game[]): ScheduleRow[] {
       const gamesByWeekAndHomeTeam = this.groupByWeekAndHomeTeam(games)