chore: improve nav active state checking

config/filters/index.js

@@ -37,6 +37,12 @@ export default {
   },
   replaceQuotes: (string) => string.replace(/"/g, "'"),
 
+  // navigation
+  isLinkActive: (category, page) => {
+    const normalizedPage = page.includes('.html') ? page.replace('.html', '/') : page
+    return !!normalizedPage && normalizedPage.includes(category) && !/\d+/.test(normalizedPage);
+  },
+
   // analytics
   getPopularPosts: (posts, analytics) => {
     return posts

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "8.1.4",
+  "version": "8.2.4",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {

src/_includes/partials/nav/link.liquid

@@ -1,5 +1,5 @@
-{%- capture pageUrl %}/{{ link | downcase }}/{% endcapture -%}
+{%- capture categoryUrl %}/{{ link | downcase }}/{% endcapture -%}
-{% if pageUrl contains page.fileSlug and page.fileSlug %}
+{% if categoryUrl | isLinkActive: page.url %}
   <span class="active {{ class }}" aria-current="page">
     {% if icon %}
       {% tablericon icon link %}