From de5f2b7f48874759b821c6837c5d9aa215ffebc2 Mon Sep 17 00:00:00 2001
From: SigureMo <sigure.qaq@gmail.com>
Date: Thu, 30 Nov 2023 10:00:06 +0800
Subject: [PATCH] fix: fix authors no reactivity

---
 src/.vitepress/theme/Authors.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/.vitepress/theme/Authors.vue b/src/.vitepress/theme/Authors.vue
index 3a17bf8..c2967da 100644
--- a/src/.vitepress/theme/Authors.vue
+++ b/src/.vitepress/theme/Authors.vue
@@ -1,11 +1,14 @@
 <script setup lang="ts">
+import { computed } from 'vue'
 import { useData } from 'vitepress'
 import Author from './Author.vue'
 
 const { frontmatter } = useData()
 
-const coAuthors = frontmatter.value.co_authors ?? []
-const authors = [frontmatter.value.author, ...coAuthors]
+const authors = computed(() => {
+  const coAuthors = frontmatter.value.co_authors ?? []
+  return [frontmatter.value.author, ...coAuthors]
+})
 </script>
 
 <template>
@@ -15,7 +18,7 @@ const authors = [frontmatter.value.author, ...coAuthors]
       <ul
         class="flex flex-col pl-10 space-y-5 md:justify-center md:flex-row md:space-y-0 md:space-x-12 md:pl-0 xl:block xl:space-x-0 xl:space-y-8"
       >
-        <template v-for="author in authors">
+        <template v-for="author in authors" :key="author.name">
           <Author :name="author.name" :github="author.github" :avatar="author.avatar" />
         </template>
       </ul>