Replace template strings in directory data to JavaScript

package.json

@@ -17,7 +17,7 @@
   "dependencies": {
     "@11ty/eleventy": "^3.0.0",
     "@11ty/eleventy-fetch": "^5.0.2",
-    "@11ty/eleventy-navigation": "^0.3.5",
+    "@11ty/eleventy-navigation": "^1.0.1",
     "@11ty/eleventy-plugin-rss": "^2.0.3",
     "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
     "@uncenter/eleventy-plugin-toc": "^1.0.3",

src/articles/articles.11tydata.js

@@ -4,9 +4,9 @@ export default {
     permalink: "/articles/{{ page.fileSlug }}/",
     isArticle: true,
     eleventyComputed: {
-        title: "{{ articleTitle | safe }} | Articles",
+        title: (data) => `${data.articleTitle} | Articles`,
         eleventyNavigation: {
-            key: "{{ articleTitle }}",
+            key: (data) => data.articleTitle,
             parent: "Articles"
         }
     }

src/blog/posts/posts.11tydata.js

@@ -3,9 +3,9 @@ export default {
     tags: ["posts", "contents", "feed items"],
     isArticle: true,
     eleventyComputed: {
-        title: "{{ articleTitle | safe }} | Blog",
+        title: (data) => `${data.articleTitle} | Blog`,
         eleventyNavigation: {
-            key: "{{ articleTitle }}",
+            key: (data) => data.articleTitle,
             parent: "Blog Archive"
         }
     }

src/changelogs/logs/logs.11tydata.js

@@ -2,6 +2,8 @@ export default {
     tags: ["changelogs", "feed items"],
     permalink: false,
     eleventyComputed: {
-        "title": "Changelog: {{ date | formatDate }}"
+        title: function(data) {
+            return `Changelog: ${this.formatDate(data.date)}`;
+        }
     }
 }

src/changelogs/pages/2022.njk

@@ -2,7 +2,7 @@
 layout: main/changelogs
 title: "Website Changelog Archive: 2022"
 desc: Changelog of my website during the year of 2022.
-changelogNav: 2022
+changelogNav: "2022"
 eleventyNavigation:
     order: 2
 ---

src/changelogs/pages/2023.njk

@@ -2,7 +2,7 @@
 layout: main/changelogs
 title: "Website Changelog Archive: 2023"
 desc: Changelog of my website during the year of 2023.
-changelogNav: 2023
+changelogNav: "2023"
 eleventyNavigation:
     order: 3
 ---

src/changelogs/pages/2024.njk

@@ -2,7 +2,7 @@
 layout: main/changelogs
 title: "Website Changelog Archive: 2024"
 desc: Changelog of my website during the year of 2024.
-changelogNav: 2024
+changelogNav: "2024"
 eleventyNavigation:
     order: 4
 ---

src/changelogs/pages/2025.njk

@@ -2,7 +2,7 @@
 layout: main/changelogs
 title: "Website Changelog Archive: 2025"
 desc: Changelog of my website during the year of 2025.
-changelogNav: 2025
+changelogNav: "2025"
 eleventyNavigation:
     order: 5
 ---

src/changelogs/pages/pages.11tydata.js

@@ -4,7 +4,7 @@ export default {
     permalink: "/changelogs/{{ page.fileSlug }}/",
     eleventyComputed: {
         eleventyNavigation: {
-            key: "{{ changelogNav }}",
+            key: (data) => data.changelogNav,
             parent: "Changelogs"
         }
     }

src/links/pages/pages.11tydata.js

@@ -3,9 +3,9 @@ export default {
     permalink: "/links/{{ page.fileSlug }}/",
     hasBreadcrumbs: true,
     eleventyComputed: {
-        title: "{{ articleTitle | safe }} | Links",
+        title: (data) => `${data.articleTitle} | Links`,
         eleventyNavigation: {
-            key: "{{ articleTitle }}",
+            key: (data) => data.articleTitle,
             parent: "Links"
         }
     }

src/projects/projects.11tydata.js

@@ -4,7 +4,7 @@ export default {
     hasBreadcrumbs: true,
     eleventyComputed: {
         eleventyNavigation: {
-            key: "{{ title }}",
+            key: (data) => data.title,
             parent: "Projects"
         }
     }

src/shrines/cassettebeasts/articles/articles.11tydata.js

@@ -3,9 +3,9 @@ export default {
     layout: "cassettebeasts/content",
     isArticle: true,
     eleventyComputed: {
-        title: "{{ articleTitle | safe }} | Articles",
+        title: (data) => `${data.articleTitle} | Articles`,
         eleventyNavigation: {
-            key: "{{ articleTitle }}",
+            key: (data) => data.articleTitle,
             parent: "Cassette Beasts Articles"
         }
     }

src/shrines/starwarskotor/articles/articles.11tydata.js

@@ -3,9 +3,9 @@ export default {
     layout: "starwarskotor/content",
     isArticle: true,
     eleventyComputed: {
-        title: "{{ articleTitle | safe }} | Articles",
+        title: (data) => `${data.articleTitle} | Articles`,
         eleventyNavigation: {
-            key: "{{ articleTitle }}",
+            key: (data) => data.articleTitle,
             parent: "KotOR Articles"
         }
     }

src/shrines/starwarskotor/guides/guides.11tydata.js

@@ -3,9 +3,9 @@ export default {
     layout: "starwarskotor/content",
     isArticle: true,
     eleventyComputed: {
-        title: "{{ articleTitle | safe }} | Guides",
+        title: (data) => `${data.articleTitle} | Guides`,
         eleventyNavigation: {
-            key: "{{ articleTitle }}",
+            key: (data) => data.articleTitle,
             parent: "KotOR Guides"
         }
     }

src/shrines/starwarskotor/resources/resources.11tydata.js

@@ -4,9 +4,9 @@ export default {
     hasBreadcrumbs: true,
     articleElement: true,
     eleventyComputed: {
-        title: "{{ pageTitle | safe }} | Resources",
+        title: (data) => `${data.pageTitle} | Resources`,
         eleventyNavigation: {
-            key: "{{ pageTitle }}",
+            key: (data) => data.pageTitle,
             parent: "KotOR Resources"
         }
     }

src/slashes/archive/archive.11tydata.js

@@ -2,7 +2,7 @@ export default {
     tags: "archive",
     eleventyComputed:{
         eleventyNavigation: {
-            key: "{{ title }}"
+            key: (data) => data.title
         }
     }
 }

src/slashes/slashes.11tydata.js

@@ -4,7 +4,7 @@ export default {
     permalink: "/{{ page.fileSlug }}/",
     eleventyComputed: {
         eleventyNavigation: {
-            key: "{{ title }}"
+            key: (data) => data.title
         }
     }
 }

src/slashes/statements/statements.11tydata.js

@@ -3,9 +3,9 @@ export default {
     tags: "statements",
     articleElement: true,
     eleventyComputed: {
-        desc: "{{ sitemeta.siteName | safe }}'s {{ keyword }}.",
+        desc: (data) => `${data.sitemeta.siteName}'s ${data.keyword}`,
         eleventyNavigation:{
-            key: "{{ title }}"
+            key: (data) => data.title
         }
     }
 }