Authors.vue (588B)
1 <template> 2 <div class="authors-container"> 3 <AuthorBadge 4 v-for="author in pageAuthors" 5 :key="author.name" 6 :author="author.name" 7 :avatar="author.avatar" 8 :platform="author.platform" 9 :link="author.link" 10 /> 11 </div> 12 </template> 13 14 <script setup> 15 import { useData } from 'vitepress' 16 17 const { frontmatter } = useData() 18 const pageAuthors = frontmatter.value.authors || [] 19 </script> 20 21 <style scoped> 22 .authors-container { 23 display: flex; 24 flex-wrap: wrap; 25 gap: 0.5rem; 26 margin: 1rem 0; 27 } 28 </style>