From 33f6ee279ee5eb70605104616d1ee43746114472 Mon Sep 17 00:00:00 2001
From: madrilene <hola@lenesaile.com>
Date: Mon, 2 Jun 2025 10:08:57 +0200
Subject: [PATCH] fix: slugified URLs for  tag links

---
 src/_data/helpers.js                 | 2 +-
 src/_includes/partials/post-tags.njk | 2 +-
 src/_layouts/post.njk                | 2 +-
 src/common/tagList.njk               | 6 +++---
 src/common/tags.njk                  | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/_data/helpers.js b/src/_data/helpers.js
index a6893bd..9ed5f31 100644
--- a/src/_data/helpers.js
+++ b/src/_data/helpers.js
@@ -16,7 +16,7 @@ export function getLinkActiveState(itemUrl, pageUrl) {
     }
 
     if (itemUrl.length > 1 && pageUrl.startsWith(itemUrl.replace('/page-0/', ''))) {
-      response += ' data-state="active"';
+      response += ' aria-current="page" data-state="active"';
     }
   }
 
diff --git a/src/_includes/partials/post-tags.njk b/src/_includes/partials/post-tags.njk
index f105d24..5e3e238 100644
--- a/src/_includes/partials/post-tags.njk
+++ b/src/_includes/partials/post-tags.njk
@@ -1,7 +1,7 @@
 {% if tags.size > 1 %}
   <div class="my-s-m cluster">
     {% for tag in tags %}
-      <a href="/tags/{{ tag }}/"> {{ tag }} </a>
+      <a href="/tags/{{ tag | slugify }}/"> {{ tag }} </a>
     {% endfor %}
   </div>
 {% endif %}
diff --git a/src/_layouts/post.njk b/src/_layouts/post.njk
index cdd396f..42b9c51 100644
--- a/src/_layouts/post.njk
+++ b/src/_layouts/post.njk
@@ -25,7 +25,7 @@ schema: BlogPosting
       %}
         <!-- tags -->
         {% for tag in tags %}{% if tag != "posts" %}
-          <a class="button" href="/tags/{{ tag }}/" data-small-button> {{ tag }} </a>
+          <a class="button" href="/tags/{{ tag | slugify }}/" data-small-button> {{ tag }} </a>
         {% endif %}{% endfor %}
       {% endif %}
     </p>
diff --git a/src/common/tagList.njk b/src/common/tagList.njk
index 2b08ea0..23b0b1b 100644
--- a/src/common/tagList.njk
+++ b/src/common/tagList.njk
@@ -4,7 +4,7 @@ pagination:
   data: collections.tagList
   size: 1
   alias: tag
-permalink: /tags/{{ tag }}/
+permalink: /tags/{{ tag | slugify }}/
 eleventyComputed:
   title: '{{ meta.blog.tagSingle }}: {{ tag }}'
 ---
@@ -23,10 +23,10 @@ eleventyComputed:
   {% for tag in collections.tagList %}
     <li>
       <a
-        href="/tags/{{ tag }}/"
+        href="/tags/{{ tag | slugify }}/"
         class="button"
         {{
-          helpers.getLinkActiveState('/tags/' + tag,
+          helpers.getLinkActiveState('/tags/' + tag | slugify + '/',
           page.url)
           |
           safe
diff --git a/src/common/tags.njk b/src/common/tags.njk
index 564c82c..b6d1ca1 100644
--- a/src/common/tags.njk
+++ b/src/common/tags.njk
@@ -7,7 +7,7 @@ eleventyComputed:
 
 <div class="taglist | mt-s-m cluster">
   {% for tag in collections.tagList %}
-    <a href="/tags/{{ tag }}/" class="button"> {{ tag }} </a>
+    <a href="/tags/{{ tag | slugify }}/" class="button"> {{ tag }} </a>
   {% endfor %}
 </div>