git sucks

frontend/src/vues/CharacterDetails.vue

@@ -11,11 +11,11 @@
     <div>Last Game: {{ lastPlayedPostDate }}</div>
     <div class="d-flex flex-row">
       <div class="flex-column game-list">
-        <h3 class="game-list-title">{{ games.played.length }} Games Played</h3>
+        <h3 class="game-list-title">{{ (games.played || []).length }} Games Played</h3>
         <GameTable :gameList="games.played"></GameTable>
       </div>
       <div class="flex-column game-list">
-        <h3 class="game-list-title">{{ games.applied.length }} Games Applied</h3>
+        <h3 class="game-list-title">{{ (games.applied || []).length }} Games Applied</h3>
         <game-table :gameList="games.applied"></game-table>
       </div>
     </div>
@@ -48,7 +48,7 @@ const earnedIP = ref(0)
 const gamesPlayedCount = ref(0)
 const gamesAppliedCount = ref(0)
 const pickRate = ref(0)
-const lastPlayedPostDate = ref({})
+const lastPlayedPostDate = ref({ played: [], applied: [] })
 
 async function loadCharacterDetails() {
   const characterResponse = await axios.get(`/api/character/${characterId.value}`)

frontend/src/vues/GameDetails.vue

@@ -112,6 +112,7 @@ watch(
 
 async function loadGameDetails() {
   const response = await axios.get(`/api/game/${gameId.value}`)
+  console.log(response)
   game.value = response.data
   loadPicks()
   loadApps()
@@ -119,12 +120,13 @@ async function loadGameDetails() {
 
 async function loadPicks() {
   const response = await axios.post(`/api/game/${gameId.value}/picks`)
+  console.log(response)
   picks.value = response.data
 }
 
 async function loadApps() {
   const response = await axios.post(`/api/game/${gameId.value}/apps`)
+  console.log(response)
   apps.value = response.data
-  console.log(apps.value)
 }
 </script>