format member count

website/client/src/components/group-plans/groupPlanSelectionModal.vue

@@ -58,7 +58,7 @@
                 {{ group.name }}
               </div>
               <div class="option-members">
-                {{ $t('membersCount', { count: group.memberCount }) }}
+                {{ formatMemberCount(group.memberCount) }}
               </div>
               <div class="option-label previously-upgraded">
                 <div
@@ -86,7 +86,7 @@
                 {{ upgradeableParty.name }}
               </div>
               <div class="option-members">
-                {{ $t('membersCount', { count: upgradeableParty.memberCount }) }}
+                {{ formatMemberCount(upgradeableParty.memberCount) }}
               </div>
               <div class="option-label your-party">
                 <div
@@ -459,6 +459,9 @@ export default {
     calculatePrice (memberCount) {
       return this.basePrice + (this.perMemberPrice * (memberCount - 1));
     },
+    formatMemberCount (count) {
+      return count === 1 ? this.$t('oneMember') : this.$t('membersCount', { count });
+    },
     continueFlow () {
       if (!this.selectedOption) return;
 

website/common/locales/en/groups.json

@@ -437,5 +437,6 @@
   "inviteOthersForAdditional": "Invite others to your Group for an additional",
   "perMember": "per member",
   "additionalMembersProrated": "Additional members invited during the month will be added to the next billing cycle's total as a pro-rated charge.",
+  "oneMember": "1 member",
   "membersCount": "<%= count %> members"
 }