feat: allow using html in member description (#2269)

vuejs · Apr 24, 2023 · f744364 · f744364
1 parent 2f0f2d5
commit f744364
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/client/theme-default/components/VPTeamMembersItem.vue b/src/client/theme-default/components/VPTeamMembersItem.vue
@@ -31,9 +31,7 @@ defineProps<{
             {{ member.org }}
           </VPLink>
         </p>
-        <p v-if="member.desc" class="desc">
-          {{ member.desc }}
-        </p>
+        <p v-if="member.desc" class="desc" v-html="member.desc"/>
         <div v-if="member.links" class="links">
           <VPSocialLinks :links="member.links" />
         </div>
@@ -180,6 +178,13 @@ defineProps<{
   margin: 0 auto;
 }
 
+.desc :deep(a) {
+  font-weight: 500;
+  color: var(--vp-c-brand);
+  text-decoration-style: dotted;
+  transition: color 0.25s;
+}
+
 .links {
   display: flex;
   justify-content: center;