From 5d18fd8978e418ce920aab357b180a58b1af3077 Mon Sep 17 00:00:00 2001
From: Mike Bostock <mbostock@gmail.com>
Date: Sat, 29 Jul 2023 11:21:37 -0700
Subject: [PATCH] feat: rel for feature links (#2704)

---
 docs/reference/default-theme-home-page.md          | 5 +++++
 src/client/theme-default/components/VPFeature.vue  | 3 ++-
 src/client/theme-default/components/VPFeatures.vue | 2 ++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/docs/reference/default-theme-home-page.md b/docs/reference/default-theme-home-page.md
index 93de38e1..449602de 100644
--- a/docs/reference/default-theme-home-page.md
+++ b/docs/reference/default-theme-home-page.md
@@ -139,6 +139,11 @@ interface Feature {
   //
   // e.g. `Learn more`, `Visit page`, etc.
   linkText?: string
+
+  // Link rel attribute for the `link` option.
+  //
+  // e.g. `external`
+  rel?: string
 }
 
 type FeatureIcon =
diff --git a/src/client/theme-default/components/VPFeature.vue b/src/client/theme-default/components/VPFeature.vue
index b3e4e9d9..2881e143 100644
--- a/src/client/theme-default/components/VPFeature.vue
+++ b/src/client/theme-default/components/VPFeature.vue
@@ -10,11 +10,12 @@ defineProps<{
   details?: string
   link?: string
   linkText?: string
+  rel?: string
 }>()
 </script>
 
 <template>
-  <VPLink class="VPFeature" :href="link" :no-icon="true" :tag="link ? 'a' : 'div'">
+  <VPLink class="VPFeature" :href="link" :rel="rel" :no-icon="true" :tag="link ? 'a' : 'div'">
     <article class="box">
       <VPImage
         v-if="typeof icon === 'object'"
diff --git a/src/client/theme-default/components/VPFeatures.vue b/src/client/theme-default/components/VPFeatures.vue
index aff4497f..10ab7df3 100644
--- a/src/client/theme-default/components/VPFeatures.vue
+++ b/src/client/theme-default/components/VPFeatures.vue
@@ -9,6 +9,7 @@ export interface Feature {
   details: string
   link?: string
   linkText?: string
+  rel?: string
 }
 
 const props = defineProps<{
@@ -48,6 +49,7 @@ const grid = computed(() => {
             :details="feature.details"
             :link="feature.link"
             :link-text="feature.linkText"
+            :rel="feature.rel"
           />
         </div>
       </div>