Display number of users and number of projects for each group

app/assets/javascripts/groups/components/group_item.vue

 <script>
+/* eslint-disable no-alert */
+
 import eventHub from '../event_hub';
 
 export default {
@@ -29,7 +31,7 @@ export default {
     },
     leaveGroup() {
       eventHub.$emit('leaveGroup', this.group.leavePath);
-    }
+    },
   },
   computed: {
     groupDomId() {
@@ -98,9 +100,9 @@ export default {
         <i aria-hidden="true" class="fa fa-bookmark"></i>
         {{group.numberProjects}}
       </span>
-      <span class="number-members">
+      <span class="number-users">
         <i aria-hidden="true" class="fa fa-users"></i>
-        {{group.numberMembers}}
+        {{group.numberUsers}}
       </span>
       <span class="group-visibility">
         <i aria-hidden="true" class="fa fa-globe"></i>

app/assets/javascripts/groups/stores/groups_store.js

@@ -127,8 +127,8 @@ export default class GroupsStore {
       editPath: rawGroup.edit_path,
       isOpen: false,
       isOrphan: false,
-      numberProjects: 10,
-      numberMembers: 10,
+      numberProjects: rawGroup.number_projects,
+      numberUsers: rawGroup.number_users,
       subGroups: {},
     };
   }