🤖 make headline formatter name generic

Author: ovlb

_filters/display-category.js renamed to _filters/capitaliser.js

@@ -7,6 +7,7 @@ module.exports = function (rawName) {
     ['cat:nft', 'NFT'],
     ['cat:climate', 'Climate Crisis'],
     ['cat:web', 'World Wide Web'],
+    ['Around The Web', 'Around the Web'],
   ])
 
   return (

_src/_includes/layouts/digest.njk

@@ -42,7 +42,7 @@
           <li>
             <a
               href="{{ category | categoryPermalink(categoryBase) }}"
-            >{{ category | displayCategory }}</a>
+            >{{ category | capitaliser }}</a>
           </li>
         {% endfor %}
       </ul>

_src/pages/around-the-web/category.vue

@@ -1,6 +1,6 @@
 <template>
   <main id="main" tabindex="-1">
-    <archive-header :title="displayCategory(category)">
+    <archive-header :title="capitaliser(category)">
       <template #sub>
         <p>
           This is an automatically generated archive of
@@ -39,8 +39,9 @@ export default {
       eleventyComputed: {
         permalink: (data) =>
           this.categoryPermalink(data.category, data.categoryBase),
+        title: (data) => this.capitaliser(data.category),
         pageTitle: (data) =>
-          `${this.displayCategory(data.category)} | Around the Web`,
+          `${this.capitaliser(data.category)} | Collections | Around the Web`,
       },
     }
   },

_src/pages/around-the-web/stats.vue

@@ -180,7 +180,7 @@ export default {
         )
 
         enriched.push({
-          name: this.displayCategory(category),
+          name: this.capitaliser(category),
           href: this.categoryPermalink(category, this.categoryBase),
           count: posts.length,
         })

_src/pages/everything/category.vue

@@ -1,6 +1,6 @@
 <template>
   <main id="main" tabindex="-1">
-    <archive-header :title="displayCategory(category)">
+    <archive-header :title="capitaliser(category)">
       <template #sub>
         <p>
           This is an automatically generated archive of
@@ -59,8 +59,7 @@ export default {
       eleventyComputed: {
         permalink: (data) =>
           this.categoryPermalink(data.category, data.categoryBase),
-        pageTitle: (data) =>
-          `${this.displayCategory(data.category)} | Everything`,
+        pageTitle: (data) => `${this.capitaliser(data.category)} | Everything`,
       },
     }
   },

_src/pages/everything/index.vue

@@ -41,7 +41,7 @@
       <ul role="list" class="inline-list">
         <li v-for="category in collections.categories" :key="category">
           <a :href="categoryPermalink(category, '/everything')">{{
-            displayCategory(category)
+            capitaliser(category)
           }}</a>
         </li>
       </ul>

_src/pages/notes/category.vue

@@ -1,6 +1,6 @@
 <template>
   <main id="main" tabindex="-1">
-    <archive-header :title="displayCategory(category)">
+    <archive-header :title="capitaliser(category)">
       <template #sub>
         <p>
           This is an automatically generated archive of
@@ -37,7 +37,9 @@ export default {
       eleventyComputed: {
         permalink: (data) =>
           this.categoryPermalink(data.category, data.categoryBase),
-        title: (data) => `${this.displayCategory(data.category)} | Notes`,
+        title: (data) => this.capitaliser(data.category),
+        pageTitle: (data) =>
+          `${this.capitaliser(data.category)} | Collections | Notes`,
       },
     }
   },

_src/pages/notes/index.vue

@@ -24,7 +24,7 @@
       <ul class="inline-list" role="list">
         <li v-for="collection in collections.noteCategories" :key="collection">
           <a :href="categoryPermalink(collection, categoryBase)">
-            {{ displayCategory(collection) }}</a
+            {{ capitaliser(collection) }}</a
           >
         </li>
       </ul>

_src/pages/text/blog/blog.11tydata.js

@@ -60,7 +60,7 @@ module.exports = {
         return ''
       }
 
-      return `${this.displayCategory(categories[0])} — `
+      return `${this.capitaliser(categories[0])} — `
     },
   },
 }

_src/pages/text/blog/how-i-built-around-the-web.md

@@ -276,7 +276,7 @@ But, this quickly became tedious. Even with only ten or so categories. Plus, I
 
 And most of my mapping were basically a slug-like string to a title cased string. In other words: A boring, routine task. This is the thing computers excel at. (Sorry, computer.)
 
-In the end, I decided to create a `displayCategory` filter, which does this.
+In the end, I decided to create a `capitaliser` filter, which does this.
 
 ```js
 const { startCase, camelCase } = require('lodash')
@@ -325,7 +325,7 @@ Here, the pieces I added earlier fell into place easily:
   {% for category in tags | getCategories | aToZ %}
   <li>
     <a href="{{ category | categoryPermalink(categoryBase) }}"
-      >{{ category | displayCategory }}</a
+      >{{ category | capitaliser }}</a
     >
   </li>
   {% endfor %}

_src/pages/text/category.vue

@@ -58,8 +58,9 @@ export default {
       eleventyComputed: {
         permalink: (data) =>
           this.categoryPermalink(data.category, data.categoryBase),
-        title: (data) => this.displayCategory(data.category),
-        pageTitle: (data) => `${this.displayCategory(data.category)} | Text`,
+        title: (data) => this.capitaliser(data.category),
+        pageTitle: (data) =>
+          `${this.capitaliser(data.category)} | Collections | Text`,
       },
     }
   },