From a1e1267549e198b35455d055536cd0c6d1ad79ce Mon Sep 17 00:00:00 2001
From: Divyansh Singh <40380293+brc-dd@users.noreply.github.com>
Date: Sun, 10 Sep 2023 23:05:13 +0530
Subject: [PATCH] fix(theme): allow wrapping feature icons

closes #2923
---
 src/client/theme-default/components/VPFeature.vue | 12 ++++++++++--
 types/default-theme.d.ts                          | 11 +++++++++--
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/client/theme-default/components/VPFeature.vue b/src/client/theme-default/components/VPFeature.vue
index e6313cbf14ab..abdade78b0c3 100644
--- a/src/client/theme-default/components/VPFeature.vue
+++ b/src/client/theme-default/components/VPFeature.vue
@@ -25,8 +25,16 @@ defineProps<{
     :tag="link ? 'a' : 'div'"
   >
     <article class="box">
+      <div v-if="typeof icon === 'object' && icon.wrap" class="icon">
+        <VPImage
+          :image="icon"
+          :alt="icon.alt"
+          :height="icon.height || 48"
+          :width="icon.width || 48"
+        />
+      </div>
       <VPImage
-        v-if="typeof icon === 'object'"
+        v-else-if="typeof icon === 'object'"
         :image="icon"
         :alt="icon.alt"
         :height="icon.height || 48"
@@ -66,7 +74,7 @@ defineProps<{
   height: 100%;
 }
 
-.VPFeature:deep(.VPImage) {
+.box > :deep(.VPImage) {
   margin-bottom: 20px;
 }
 
diff --git a/types/default-theme.d.ts b/types/default-theme.d.ts
index e245ead21035..f64a074d4f7f 100644
--- a/types/default-theme.d.ts
+++ b/types/default-theme.d.ts
@@ -190,13 +190,20 @@ export namespace DefaultTheme {
 
   export type FeatureIcon =
     | string
-    | { src: string; alt?: string; width?: string; height: string }
+    | {
+        src: string
+        alt?: string
+        width?: string
+        height?: string
+        wrap?: boolean
+      }
     | {
         light: string
         dark: string
         alt?: string
         width?: string
-        height: string
+        height?: string
+        wrap?: boolean
       }
 
   // sidebar -------------------------------------------------------------------