Format numbers with commas.

src/components/WatchVideo.vue

@@ -10,14 +10,14 @@
 
         <p class="uk-dark">
             <font-awesome-icon icon="thumbs-up"></font-awesome-icon>
-            <b>{{ video.likes }}</b>
+            <b>{{ addCommas(video.likes) }}</b>
             &nbsp;
             <font-awesome-icon icon="thumbs-down"></font-awesome-icon>
-            <b>{{ video.dislikes }}</b>
+            <b>{{ addCommas(video.dislikes) }}</b>
         </p>
         <p>
             <font-awesome-icon icon="eye"></font-awesome-icon>
-            <b>{{ video.views }}</b> views
+            <b>{{ addCommas(video.views) }}</b> views
         </p>
         <p>
             Uploaded on <b>{{ video.uploadDate }}</b>

src/main.js

@@ -49,6 +49,10 @@ const mixin = {
             }
             return (num / si[i].value).toFixed(digits).replace(rx, "$1") + si[i].symbol;
         },
+        addCommas(num) {
+            num = parseInt(num)
+            return num.toLocaleString('en-US')
+        },
         fetchJson: function (url, options) {
             return fetch(url, options).then(response => {
                 return response.json();