Merge branch 'main' of github.com:nuxtlabs/docus

nuxt-themes · May 16, 2023 · 9d20ec9 · 9d20ec9
2 parents 117bd8b + fbd0971
commit 9d20ec9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/.starters/default/content/1.introduction/4.configuration.md b/.starters/default/content/1.introduction/4.configuration.md
@@ -92,6 +92,7 @@ export default defineAppConfig({
 | `socials.[social].label`     | `string`   |                  | A label to use for the social                                                                        |
 | `socials.[social].icon`      | `string`   |                  | A icon to use for the social                                                                         |
 | `socials.[social].href`      | `string`   |                  | A link to use for the social                                                                         |
+| `socials.[social].rel`       | `string`   | `noopener noreferrer` | A space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types) |
 | **Header**                   |            |                  |                                                                                                      |
 | `header`                     | `object`   |                  | Header configuration                                                                                 |
 | `header.logo`                | `boolean`  |                  | Whether or not to use `Logo.vue` as the header logo                                                  |

diff --git a/components/app/AppSocialIcons.vue b/components/app/AppSocialIcons.vue
@@ -12,7 +12,8 @@ const icons = computed<any>(() => {
         return {
           href: `https://${key}.com/${value}`,
           icon: `fa-brands:${key}`,
-          label: value
+          label: value,
+          rel: 'noopener noreferrer'
         }
       } else {
         return null
@@ -26,7 +27,7 @@ const icons = computed<any>(() => {
   <NuxtLink
     v-for="icon in icons"
     :key="icon.label"
-    rel="noopener noreferrer"
+    :rel="icon.rel"
     :title="icon.label"
     :aria-label="icon.label"
     :href="icon.href"