feat: rel for feature links (#2704)

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 =

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'"

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>