From a27d65ad3681d309447940a37360afe91879f902 Mon Sep 17 00:00:00 2001
From: ZhenShuo Leo <98386542+ZhenShuo2021@users.noreply.github.com>
Date: Wed, 8 Oct 2025 13:06:24 +0800
Subject: [PATCH] fix(article-link): replace figure tag to div

this is not needed for decorative images
---
 layouts/partials/article-link/_shortcode.html   | 10 +++++-----
 layouts/partials/article-link/card-related.html |  4 ++--
 layouts/partials/article-link/card.html         |  4 ++--
 layouts/partials/article-link/simple.html       | 10 +++++-----
 4 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/layouts/partials/article-link/_shortcode.html b/layouts/partials/article-link/_shortcode.html
index 42baaa55..897d4bcc 100644
--- a/layouts/partials/article-link/_shortcode.html
+++ b/layouts/partials/article-link/_shortcode.html
@@ -14,16 +14,16 @@
 {{ $disableImageOptimization := site.Store.Get "disableImageOptimization" }}
 
 {{ $cardClasses := "flex flex-col md:flex-row relative" }}
-{{ $figureClasses := "" }}
+{{ $imgWrapperClasses := "" }}
 {{ $cardContentClasses := "" }}
 
 {{ if site.Params.list.showCards }}
   {{ $cardClasses = printf "%s overflow-hidden rounded-md border-2 border-neutral-200 dark:border-neutral-700" $cardClasses }}
-  {{ $figureClasses = "" }}
+  {{ $imgWrapperClasses = "" }}
   {{ $cardContentClasses = printf "%s p-2.5 pl-4 pb-0" $cardContentClasses }}
 {{ else }}
   {{ $cardClasses = printf "%s" $cardClasses }}
-  {{ $figureClasses = printf "%s thumbnail-shadow md:mr-7" $figureClasses }}
+  {{ $imgWrapperClasses = printf "%s thumbnail-shadow md:mr-7" $imgWrapperClasses }}
   {{ $cardContentClasses = printf "%s mt-3 md:mt-0" $cardContentClasses }}
 {{ end }}
 
@@ -82,14 +82,14 @@
 
 <article class="{{ $cardClasses }}">
   {{ with $featuredURL }}
-    <figure class="not-prose flex-none relative overflow-hidden {{ $figureClasses }} thumbnail--simple">
+    <div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail--simple">
       <img
         src="{{ . }}"
         alt=""
         loading="lazy"
         decoding="async"
         class="not-prose absolute inset-0 w-full h-full object-cover">
-    </figure>
+    </div>
   {{ end }}
   <div class="{{ $cardContentClasses }}">
     <header class="items-center text-start text-xl font-semibold">
diff --git a/layouts/partials/article-link/card-related.html b/layouts/partials/article-link/card-related.html
index 5ca00aba..6db55a4d 100644
--- a/layouts/partials/article-link/card-related.html
+++ b/layouts/partials/article-link/card-related.html
@@ -53,7 +53,7 @@
 <article
   class="relative min-h-full min-w-full overflow-hidden rounded border border-2 border-neutral-200 shadow-2xl dark:border-neutral-700">
   {{ with $featuredURL }}
-    <figure class="not-prose flex-none relative overflow-hidden thumbnail--related">
+    <div class="flex-none relative overflow-hidden thumbnail--related">
       <img
         src="{{ . }}"
         alt=""
@@ -61,7 +61,7 @@
         decoding="async"
         fetchpriority="low"
         class="not-prose absolute inset-0 w-full h-full object-cover">
-    </figure>
+    </div>
   {{ end }}
   {{ if and .Draft .Site.Params.article.showDraftLabel }}
     <span class="absolute top-0 right-0 m-2">
diff --git a/layouts/partials/article-link/card.html b/layouts/partials/article-link/card.html
index 02dce92f..386f1e57 100644
--- a/layouts/partials/article-link/card.html
+++ b/layouts/partials/article-link/card.html
@@ -57,14 +57,14 @@
 <article
   class="relative min-h-full min-w-full overflow-hidden rounded border border-2 border-neutral-200 shadow-2xl dark:border-neutral-700">
   {{ with $featuredURL }}
-    <figure class="not-prose flex-none relative overflow-hidden thumbnail--card">
+    <div class="flex-none relative overflow-hidden thumbnail--card">
       <img
         src="{{ . }}"
         alt=""
         loading="lazy"
         decoding="async"
         class="not-prose absolute inset-0 w-full h-full object-cover">
-    </figure>
+    </div>
   {{ end }}
   {{ if and .Draft .Site.Params.article.showDraftLabel }}
     <span class="absolute top-0 right-0 m-2">
diff --git a/layouts/partials/article-link/simple.html b/layouts/partials/article-link/simple.html
index 72bf0772..4c8c00e4 100644
--- a/layouts/partials/article-link/simple.html
+++ b/layouts/partials/article-link/simple.html
@@ -7,16 +7,16 @@
 {{ $disableImageOptimization := site.Store.Get "disableImageOptimization" }}
 
 {{ $cardClasses := "flex flex-col md:flex-row relative" }}
-{{ $figureClasses := "" }}
+{{ $imgWrapperClasses := "" }}
 {{ $cardContentClasses := "" }}
 
 {{ if site.Params.list.showCards }}
   {{ $cardClasses = printf "%s overflow-hidden rounded-md border-2 border-neutral-200 dark:border-neutral-700" $cardClasses }}
-  {{ $figureClasses = "" }}
+  {{ $imgWrapperClasses = "" }}
   {{ $cardContentClasses = printf "%s p-4" $cardContentClasses }}
 {{ else }}
   {{ $cardClasses = $cardClasses }}
-  {{ $figureClasses = printf "%s thumbnail-shadow md:mr-7" $figureClasses }}
+  {{ $imgWrapperClasses = printf "%s thumbnail-shadow md:mr-7" $imgWrapperClasses }}
   {{ $cardContentClasses = printf "%s mt-3 md:mt-0" $cardContentClasses }}
 {{ end }}
 
@@ -75,14 +75,14 @@
 
 <article class="{{ $cardClasses }}">
   {{ with $featuredURL }}
-    <figure class="not-prose flex-none relative overflow-hidden {{ $figureClasses }} thumbnail--simple">
+    <div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail--simple">
       <img
         src="{{ . }}"
         alt=""
         loading="lazy"
         decoding="async"
         class="not-prose absolute inset-0 w-full h-full object-cover">
-    </figure>
+    </div>
   {{ end }}
   <div class="{{ $cardContentClasses }}">
     <header class="items-center text-start text-xl font-semibold">