fix(client): use correct interpolation format for strings

website/client/src/components/inventory/equipment/index.vue

@@ -107,7 +107,7 @@
                 class="float-right align-with-tab"
                 :label="$t(costumeMode ? 'useCostume' : 'autoEquipBattleGear')"
                 :checked="user.preferences[drawerPreference]"
-                :hover-text="$t(drawerPreference+'PopoverText')"
+                :hover-text="$t(`${drawerPreference}PopoverText`)"
                 @change="changeDrawerPreference"
               />
             </div>

website/client/src/components/inventory/items/cards-modal.vue

@@ -1,7 +1,7 @@
 <template>
   <b-modal
     id="card"
-    :title="$t(cardType + 'Card')"
+    :title="$t(`${cardType}Card`)"
     size="md"
     :hide-footer="true"
   >
@@ -10,7 +10,7 @@
         class="pull-right"
         :class="`inventory_special_${cardType}`"
       ></div>
-      <h4>{{ $t(cardType + 'Card') }}</h4>
+      <h4>{{ $t(`${cardType}Card`) }}</h4>
     </div>
     <div class="modal-body">
       <div style="padding:10px">
@@ -20,7 +20,7 @@
       </div>
     </div>
     <div class="modal-footer">
-      <small class="pull-left">{{ $t(cardType + 'CardExplanation') }}</small>
+      <small class="pull-left">{{ $t(`${cardType}CardExplanation`) }}</small>
       <button
         class="btn btn-secondary"
         @click="readCard()"

website/client/src/components/static/faq.vue

@@ -28,7 +28,7 @@
             role="tabpanel"
           >
             <div
-              v-markdown="$t('webFaqAnswer' + index, replacements)"
+              v-markdown="$t(`webFaqAnswer${index}`, replacements)"
               class="card-body"
             ></div>
           </b-collapse>

website/client/src/components/static/pressKit.vue

@@ -12,7 +12,7 @@
       v-for="(images, category) in imgs"
       :key="category"
     >
-      <h2>{{ $t('pk' + category) }}</h2>
+      <h2>{{ $t(`pk${category}`) }}</h2>
       <div v-if="Array.isArray(images)">
         <div
           v-for="img in images"
@@ -29,7 +29,7 @@
           v-for="(images, secondaryCategory) in images"
           :key="secondaryCategory"
         >
-          <h3>{{ $t('pk' + secondaryCategory) }}</h3>
+          <h3>{{ $t(`pk${secondaryCategory}`) }}</h3>
           <div
             v-for="img in images"
             :key="img"

website/client/src/components/userMenu/profile.vue

@@ -314,7 +314,7 @@
         class="row category-row"
       >
         <h3 class="col-12 text-center mb-3">
-          {{ $t(key+'Achievs') }}
+          {{ $t(`${key}Achievs`) }}
         </h3>
         <div class="col-12">
           <div class="row achievements-row justify-content-center">
@@ -366,8 +366,8 @@
             @click="toggleAchievementsCategory(key)"
           >
             {{ achievementsCategories[key].open ?
-              $t('hideAchievements', {category: $t(key+'Achievs')}) :
-              $t('showAllAchievements', {category: $t(key+'Achievs')})
+              $t('hideAchievements', {category: $t(`${key}Achievs`)}) :
+              $t('showAllAchievements', {category: $t(`${key}Achievs`)})
             }}
           </div>
         </div>