From cfcd388793d03f53184bee07c5aee2acd088c235 Mon Sep 17 00:00:00 2001
From: Andriyansyah Nurrachman <git@yansyah.my.id>
Date: Wed, 25 Jan 2023 06:57:48 +0700
Subject: [PATCH 1/2] fix: featured article image

---
 components/content/ArticlesListItem.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/components/content/ArticlesListItem.vue b/components/content/ArticlesListItem.vue
index 808936db4..23c41c3fb 100644
--- a/components/content/ArticlesListItem.vue
+++ b/components/content/ArticlesListItem.vue
@@ -24,9 +24,11 @@ defineProps({
 
 <template>
   <article v-if="article._path && article.title" :class="{ 'featured': featured }">
-    <NuxtLink :to="article._path">
-      <img v-if="article.cover" :src="article.cover">
-    </NuxtLink>
+    <div class="image">
+      <NuxtLink :to="article._path">
+        <img v-if="article.cover" :src="article.cover">
+      </NuxtLink>
+    </div>
 
     <div class="content">
       <NuxtLink :to="article._path" class="headline">
@@ -62,9 +64,13 @@ css({
       objectFit: 'cover',
       borderRadius: '{radii.md}',
     },
+    '.image': {
+      flex: 1,
+    },
     '.content': {
       display: 'flex',
       flexDirection: 'column',
+      flex: 1,
       '.headline': {
         text: '2xl',
         marginBottom: '{space.2}',

From 37edbca9f22649b06b0976a3a1183304cf01c053 Mon Sep 17 00:00:00 2001
From: Andriyansyah Nurrachman <git@lazygeniusman.my.id>
Date: Wed, 25 Jan 2023 19:44:56 +0700
Subject: [PATCH 2/2] fix: add `alt` to article image
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Sébastien Chopin <seb@nuxtlabs.com>
---
 components/content/ArticlesListItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/content/ArticlesListItem.vue b/components/content/ArticlesListItem.vue
index 23c41c3fb..da3007ad8 100644
--- a/components/content/ArticlesListItem.vue
+++ b/components/content/ArticlesListItem.vue
@@ -26,7 +26,7 @@ defineProps({
   <article v-if="article._path && article.title" :class="{ 'featured': featured }">
     <div class="image">
       <NuxtLink :to="article._path">
-        <img v-if="article.cover" :src="article.cover">
+        <img v-if="article.cover" :src="article.cover" :alt="article.title">
       </NuxtLink>
     </div>