From 7659b84451595d67db3d5d8112fe7020a89789f4 Mon Sep 17 00:00:00 2001
From: vikingowl <cw.nachtigall@gmail.com>
Date: Sun, 7 Nov 2021 07:45:50 +0100
Subject: [PATCH] #5 dummy displays 'All' players and 'All' weapons on load

---
 src/components/HitgroupPuppet.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/HitgroupPuppet.vue b/src/components/HitgroupPuppet.vue
index 68b86d6..0dedd80 100644
--- a/src/components/HitgroupPuppet.vue
+++ b/src/components/HitgroupPuppet.vue
@@ -2,7 +2,6 @@
   <div class="hitgroup pt-2">
     <div class="select-group mb-4">
       <select v-if="store.state.playersArr" v-model="data.selectPlayer" class="form-select">
-        <option disabled value="">Select a Player</option>
         <option value="All">All</option>
         <option value="Team 1">Team 1</option>
         <option value="Team 2">Team 2</option>
@@ -16,7 +15,6 @@
       </select>
 
       <select v-if="data.selectPlayer !== ''" :key="data.selectPlayer" v-model="data.selectWeapon" class="form-select">
-        <option disabled value="">Select a Weapon</option>
         <option class="select-hr" value="All">All</option>
         <option disabled>───────────────────────────</option>
         <option v-for="(value, index) in processPlayerWeapon()" :key="index" :value="value">
@@ -55,8 +53,8 @@ export default {
     const store = useStore()
 
     const data = reactive({
-      selectPlayer: '',
-      selectWeapon: '',
+      selectPlayer: 'All',
+      selectWeapon: 'All',
       eq_map: []
     })
 
@@ -377,6 +375,11 @@ export default {
         ]);
 
         buildCharts()
+
+        watch(() => props.stats, () => {
+          processDmg()
+          processPlayerWeapon()
+        })
       }
     })
 
@@ -394,7 +397,7 @@ export default {
     }
 
     watch(() => data.selectPlayer, () => {
-      data.selectWeapon = ''
+      data.selectWeapon = 'All'
       processPlayerWeapon()
     })