chore: update analytics events

src/App.vue

@@ -59,6 +59,9 @@ const notificationsButtons = computed(() => [
   },
   {
     text: t('common.update'),
+    attrs: {
+      'data-umami-event': `update service worker from version ${import.meta.env.__APP_VERSION__}`,
+    },
     onClick: () => {
       updateServiceWorker(true)
     },

src/components/DamageCalculator.vue

@@ -85,7 +85,7 @@
               :color="sideName"
               :value="isEffectEnabled(side, effect)"
               :label="effect.name"
-              :data-umami-event="`damage calculator: select ${effect.name} effect`"
+              :data-umami-event="`check ${effect.name} effect`"
               @change="onSelectCreatureEffect(side, effect, $event)"
             />
           </template>

src/components/PickCreatureButton.vue

@@ -1,7 +1,7 @@
 <template>
   <button
     class="pick-creature-button"
-    :data-umami-event="`damage calculator: pick ${color} creature`"
+    :data-umami-event="`pick ${color} creature`"
     :class="`color-${color}`"
     @click="showSelectUnitModal = true"
   >

src/components/SelectHero.vue

@@ -18,16 +18,15 @@
       {{ selected.name }}
     </template>
 
-    <template #option="{ option }">
+    <template #option="{ option: hero }">
       <ObjectPortrait
         :folder="`/images/heroes/portraits/small`"
-        :file="{ name: option.id, alt: option.name }"
-        :data-umami-event="`damage calculator: select ${$options.name} hero`"
+        :file="{ name: hero.id, alt: hero.name }"
         :width="46"
         :height="30"
         :lazy-loading="false"
       />
-      {{ option.name }}
+      {{ hero.name }}
     </template>
   </BaseSelect>
 </template>

src/components/SelectTerrain.vue

@@ -16,14 +16,14 @@
       {{ selected.name }}
     </template>
 
-    <template #option="{ option }">
+    <template #option="{ option: terrain }">
       <ObjectPortrait
         :folder="`/images/terrains`"
-        :file="{ name: option.id, alt: option.name }"
+        :file="{ name: terrain.id, alt: terrain.name }"
         width="46px"
         height="30px"
       />
-      {{ option.name }}
+      {{ terrain.name }}
     </template>
   </BaseSelect>
 </template>

src/components/base/BaseNotification.vue

@@ -6,6 +6,7 @@
         <div v-if="buttons.length" class="notification-buttons">
           <button
             v-for="(button, index) in buttons"
+            v-bind="button.attrs"
             :key="`button-${index}`"
             class="notification-button"
             @click="onClick(button)"
@@ -23,6 +24,7 @@ import { nextTick, ref } from 'vue'
 
 interface BaseNotificationButtonProp {
   text: string
+  attrs?: Record<string, string>
   onClick?: () => void
 }
 

src/components/damageCalculator/SelectSkillButtons.vue

@@ -8,7 +8,7 @@
         v-for="level in levels"
         :key="level.id"
         class="skill-button"
-        :data-umami-event="`damage calculator: select skill ${name}, level ${level.value}`"
+        :data-umami-event="`select skill ${name}, level ${level.value}`"
         :class="{ active: selectedLevel === level.value }"
         @click="onClick(level.value)"
       >