Add thousands separator filter

helenclx · Sep 5, 2024 · cb88d32 · cb88d32
1 parent 0d06c6a
commit cb88d32
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/_config/filters.js b/src/_config/filters.js
@@ -15,6 +15,11 @@ export default function(eleventyConfig) {
         return array.slice(0, limit);
     });
 
+    // Thousands separator
+    eleventyConfig.addFilter("thousands", function(num) {
+        return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    });
+
     // Filter blog posts by category
     eleventyConfig.addFilter("filterByCategory", function(posts, cat) {
         cat = cat.toLowerCase();

diff --git a/src/_includes/global/content.njk b/src/_includes/global/content.njk
@@ -11,7 +11,7 @@ layout: global/base
         <div class="blog__post--info">
             <p>{{ desc }}</p>
             <p>
-                <span class="text-bold">{{ content | wordcount }} words</span>.
+                <span class="text-bold">{{ content | wordcount | thousands }} words</span>.
                 <span class="text-bold">Posted:</span> {{ date | niceDate }} by {{ sitemeta.siteAuthor.name }}
             </p>
             {% if updated %}