From 3c0fe1effc26cdb1377acbd97bda48385de60f78 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Tue, 3 Apr 2018 08:57:01 -0700
Subject: [PATCH] number format account profile details

---
 .../profile/AccountProfileDetails.html        | 22 +++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/routes/_components/profile/AccountProfileDetails.html b/routes/_components/profile/AccountProfileDetails.html
index 160bae7..7a1717d 100644
--- a/routes/_components/profile/AccountProfileDetails.html
+++ b/routes/_components/profile/AccountProfileDetails.html
@@ -4,7 +4,7 @@
       Toots
     </span>
     <span class="account-profile-details-item-datum">
-      {{account.statuses_count || 0}}
+      {{numStatusesDisplay}}
     </span>
   </div>
   <div class="account-profile-details-item">
@@ -12,7 +12,7 @@
       Follows
     </span>
     <span class="account-profile-details-item-datum">
-      {{account.following_count || 0}}
+      {{numFollowingDisplay}}
     </span>
   </div>
   <div class="account-profile-details-item">
@@ -20,7 +20,7 @@
       Followers
     </span>
     <span class="account-profile-details-item-datum">
-      {{account.followers_count || 0}}
+      {{numFollowersDisplay}}
     </span>
   </div>
 </div>
@@ -85,4 +85,18 @@
       text-align: center;
     }
   }
-</style>
\ No newline at end of file
+</style>
+<script>
+  const numberFormat = new Intl.NumberFormat('en-US')
+
+  export default {
+    computed: {
+      numStatuses: account => account.statuses_count || 0,
+      numFollowing: account => account.following_count || 0,
+      numFollowers: account => account.followers_count || 0,
+      numStatusesDisplay: numStatuses => numberFormat.format(numStatuses),
+      numFollowingDisplay: numFollowing => numberFormat.format(numFollowing),
+      numFollowersDisplay: numFollowers => numberFormat.format(numFollowers)
+    }
+  }
+</script>
\ No newline at end of file