From 334b8fdcf5c91301ca08d8a83e6346e48eb3e42f Mon Sep 17 00:00:00 2001
From: Ricardo <rick@rmendes.net>
Date: Fri, 20 Feb 2026 12:53:42 +0100
Subject: [PATCH] fix: revert unfurl from recent-posts section
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Async shortcodes inside deeply nested Nunjucks includes
(homepage-builder → homepage-section → recent-posts) cause silent
template failures. Keep unfurl in top-level collection pages only.
---
 .../components/sections/recent-posts.njk      | 36 ++++++++++---------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/_includes/components/sections/recent-posts.njk b/_includes/components/sections/recent-posts.njk
index 2e7b36e..a0fbc58 100644
--- a/_includes/components/sections/recent-posts.njk
+++ b/_includes/components/sections/recent-posts.njk
@@ -40,10 +40,11 @@
               {{ post.date | dateDisplay }}
             </time>
           </div>
-          {% unfurl likedUrl %}
-          <a class="u-like-of text-xs text-surface-400 dark:text-surface-500 hover:underline break-all mt-1 inline-block" href="{{ likedUrl }}">
-            {{ likedUrl }}
-          </a>
+          <p class="mt-1">
+            <a class="u-like-of text-sm text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ likedUrl }}">
+              {{ likedUrl }}
+            </a>
+          </p>
           {% if post.templateContent %}
           <div class="e-content prose dark:prose-invert prose-sm mt-2 max-w-none line-clamp-3">
             {{ post.templateContent | safe }}
@@ -73,10 +74,11 @@
             <a class="hover:text-primary-600 dark:hover:text-primary-400" href="{{ post.url }}">{{ post.data.title }}</a>
           </h3>
           {% endif %}
-          {% unfurl bookmarkedUrl %}
-          <a class="u-bookmark-of text-xs text-surface-400 dark:text-surface-500 hover:underline break-all mt-1 inline-block" href="{{ bookmarkedUrl }}">
-            {{ bookmarkedUrl }}
-          </a>
+          <p class="mt-1 text-sm">
+            <a class="u-bookmark-of text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ bookmarkedUrl }}">
+              {{ bookmarkedUrl }}
+            </a>
+          </p>
           {% if post.templateContent %}
           <div class="e-content prose dark:prose-invert prose-sm mt-2 max-w-none line-clamp-3">
             {{ post.templateContent | safe }}
@@ -101,10 +103,11 @@
               {{ post.date | dateDisplay }}
             </time>
           </div>
-          {% unfurl repostedUrl %}
-          <a class="u-repost-of text-xs text-surface-400 dark:text-surface-500 hover:underline break-all mt-1 inline-block" href="{{ repostedUrl }}">
-            {{ repostedUrl }}
-          </a>
+          <p class="mt-1 text-sm">
+            <a class="u-repost-of text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ repostedUrl }}">
+              {{ repostedUrl }}
+            </a>
+          </p>
           {% if post.templateContent %}
           <div class="e-content prose dark:prose-invert prose-sm mt-2 max-w-none line-clamp-3">
             {{ post.templateContent | safe }}
@@ -129,10 +132,11 @@
               {{ post.date | dateDisplay }}
             </time>
           </div>
-          {% unfurl replyToUrl %}
-          <a class="u-in-reply-to text-xs text-surface-400 dark:text-surface-500 hover:underline break-all mt-1 inline-block" href="{{ replyToUrl }}">
-            {{ replyToUrl }}
-          </a>
+          <p class="mt-1 text-sm">
+            <a class="u-in-reply-to text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ replyToUrl }}">
+              {{ replyToUrl }}
+            </a>
+          </p>
           {% if post.templateContent %}
           <div class="e-content prose dark:prose-invert prose-sm mt-2 max-w-none line-clamp-3">
             {{ post.templateContent | safe }}