Fix Typos (#11644)

* Fix Typos

* Fix More Typos

website/client/src/components/achievements/death.vue

@@ -32,7 +32,7 @@
             :avatar-only="true"
             :with-background="true"
           />
-          <!-- @TOOD: Sleep +generatedAvatar({sleep:true})-->
+          <!-- @TODO: Sleep +generatedAvatar({sleep:true})-->
           <span class="knockout"></span>
         </div>
       </div>

website/client/src/components/achievements/streak.vue

@@ -71,8 +71,8 @@ export default {
       this.$root.$emit('bv::hide::modal', 'streak');
     },
     suppressModals () {
-      const surpress = !!this.user.preferences.suppressModals.streak;
-      this.$store.dispatch('user:set', { 'preferences.suppressModals.streak': surpress });
+      const suppress = !!this.user.preferences.suppressModals.streak;
+      this.$store.dispatch('user:set', { 'preferences.suppressModals.streak': suppress });
     },
   },
 };

website/client/src/components/auth/registerLoginReset.vue

@@ -700,7 +700,7 @@ export default {
         return;
       }
 
-      // @TODO: implement langauge and invite accepting
+      // @TODO: implement language and invite accepting
       // var url = ApiUrl.get() + "/api/v4/user/auth/local/register";
       // if (location.search && location.search.indexOf('Invite=') !== -1)
       // { // matches groupInvite and partyInvite

website/client/src/components/chat/chatMessages.vue

@@ -282,7 +282,7 @@ export default {
       const promises = [];
       const noProfilesLoaded = Object.keys(this.cachedProfileData).length === 0;
 
-      // @TODO: write an explination
+      // @TODO: write an explanation
       // @TODO: Remove this after enough messages are cached
       if (
         !noProfilesLoaded

website/client/src/components/creatorIntro.vue

@@ -329,7 +329,7 @@
           <div class="task-option">
             <div class="custom-control custom-checkbox">
               <input
-                id="excercise"
+                id="exercise"
                 v-model="taskCategories"
                 class="custom-control-input"
                 type="checkbox"
@@ -338,7 +338,7 @@
               <label
                 v-once
                 class="custom-control-label"
-                for="excercise"
+                for="exercise"
               >{{ $t('exercise') }}</label>
             </div>
           </div>

website/client/src/components/groups/membersModal.vue

@@ -499,7 +499,7 @@ export default {
   },
   watch: {
     groupId () {
-      // @TOOD: We might not need this since groupId is computed now
+      // @TODO: We might not need this since groupId is computed now
       this.getMembers();
     },
     challengeId () {

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

@@ -341,7 +341,7 @@ export default {
             const { firstRender } = viewOptions;
             const { itemsInFirstPosition } = viewOptions;
 
-            // Render selected items in first postion only for the first render
+            // Render selected items in first position only for the first render
             if (itemsInFirstPosition.indexOf(ownedItem.key) !== -1 && firstRender === false) {
               gearItemsByType[type].unshift(ownedItem);
             } else if (isEquipped === true && firstRender === true) {
@@ -382,7 +382,7 @@ export default {
             const { firstRender } = viewOptions;
             const { itemsInFirstPosition } = viewOptions;
 
-            // Render selected items in first postion only for the first render
+            // Render selected items in first position only for the first render
             if (itemsInFirstPosition.indexOf(ownedItem.key) !== -1 && firstRender === false) {
               gearItemsByClass[klass].unshift(ownedItem);
             } else if (isEquipped === true && firstRender === true) {