Add pluralization to list member locale

app/javascript/retrospring/features/lists/membership.ts

@@ -23,7 +23,7 @@ export function listMembershipHandler(event: Event): void {
     success: (data) => {
       if (data.success) {
         checkbox.checked = data.checked;
-        memberCountElement.innerHTML = memberCountElement.dataset.i18n.replace('%{count}', memberCount.toString());
+        memberCountElement.innerHTML = I18n.t('frontend.list.item.members', { count: memberCount });
         memberCountElement.dataset.count = memberCount.toString();
       }
 

app/views/modal/list/_item.haml

@@ -10,7 +10,7 @@
     .media-body
       .list-group-item-heading= list.display_name
       .list-group-item-text.text-muted
-        %span{ id: "#{list.name}-members", data: { count: list.members.count, i18n: t(".members") } }= t(".members", count: list.members.count)
+        %span{ id: "#{list.name}-members", data: { count: list.members.count } }= t(".members", count: list.members.count)
         ·
         %a.text-danger#delete-list{ href: "#", data: { list: list.name } }
           %i.fa.fa-close

config/locales/frontend.en.yml

@@ -45,3 +45,9 @@ en:
         title: "Really report this %{type}?"
         text: "A moderator will review your report and decide what happens.\nIf you'd like, you can also specify a reason."
         input: "Specify a reason..."
+    list:
+      item:
+        members:
+          zero: "0 members"
+          one: "1 member"
+          other: "%{count} members"

config/locales/views.en.yml

@@ -169,7 +169,10 @@ en:
           action: "Create list"
           placeholder: "List name"
       item:
-        members: "%{count} members"
+        members: 
+          zero: "0 members"
+          one: "1 member"
+          other: "%{count} members"
     privileges:
       title: "Manage roles for %{user}"
       role: