diff --git a/src/_includes/post.njk b/src/_includes/post.njk
index 5cbfa15..ccd9d59 100644
--- a/src/_includes/post.njk
+++ b/src/_includes/post.njk
@@ -9,9 +9,12 @@ layout: "layout.njk"
-
Published on {{ date | readableDate }}
-
Loading views...
+
+
+
Published on {{ date | readableDate }}
+
|
+
+
...
{{ content | safe }}
diff --git a/src/js/view-counter.js b/src/js/view-counter.js
index 9e8329d..1ebc8bd 100644
--- a/src/js/view-counter.js
+++ b/src/js/view-counter.js
@@ -31,7 +31,8 @@ document.addEventListener('DOMContentLoaded', () => {
return response.json();
})
.then(data => {
- element.textContent = data.count ?? 'Error';
+ const count = data.count ?? 'Error';
+ element.textContent = `${count} ${count === 1 ? 'view' : 'views'}`;
// Mark as viewed to prevent re-counting on refresh.
localStorage.setItem(`viewed-${slug}`, 'true');
})
@@ -47,7 +48,8 @@ document.addEventListener('DOMContentLoaded', () => {
return response.json();
})
.then(data => {
- element.textContent = data.count ?? 0;
+ const count = data.count ?? 0;
+ element.textContent = `${count} ${count === 1 ? 'view' : 'views'}`;
})
.catch(error => {
console.error(`Error fetching view count for slug ${slug}:`, error);