chore: update contributor code

Author: WRXinYue

client/composables/changelog.ts

@@ -1,7 +1,7 @@
 import type { MaybeRefOrGetter, Ref } from 'vue'
 import type { ChangeLog } from '../../types'
 import { computedAsync } from '@vueuse/core'
-import { toRef } from 'vue'
+import { computed } from 'vue'
 import { useAddonGitLogConfig } from '../options'
 import { useGitLog } from './gitlog'
 
@@ -10,7 +10,7 @@ export function useChangeLog(_path?: MaybeRefOrGetter<string>): Ref<ChangeLog[]>
   const gitLogOptions = useAddonGitLogConfig()
 
   if (gitLogOptions.value.contributor?.mode !== 'api')
-    return toRef([])
+    return computed(() => gitLog.value.changeLog)
 
   const contributors = computedAsync<ChangeLog[]>(
     async () => {

client/composables/contributor.ts

@@ -1,7 +1,7 @@
 import type { MaybeRefOrGetter, Ref } from 'vue'
 import type { Contributor } from '../../types'
 import { computedAsync } from '@vueuse/core'
-import { toRef, toValue } from 'vue'
+import { computed, toValue } from 'vue'
 import { parseGithubUrl } from '../../utils'
 import { useAddonGitLogConfig } from '../options'
 import { fetchContributors } from '../services'
@@ -12,7 +12,7 @@ export function useContributor(path?: MaybeRefOrGetter<string>): Ref<Contributor
   const gitLogOptions = useAddonGitLogConfig()
 
   if (gitLogOptions.value.contributor?.mode !== 'api')
-    return toRef([])
+    return computed(() => gitLog.value.contributors)
 
   const contributors = computedAsync<Contributor[]>(
     async () => {

components/GitLogContributor.vue

@@ -15,16 +15,20 @@ const contributors = computed(() => props.contributors || gitLogContributor?.val
 <template>
   <ul class="git-log-contributor" flex="~ wrap gap-2" pt-2>
     <li v-for="(contributor, index) in contributors" :key="index" flex="~ items-center gap-2">
-      <span class="contributor-avatar">
-        <a :href="contributor.github || ''" target="_blank" aria-label="Contributor image" :title="contributor.email">
-          <img :src="contributor.avatar" width="32" height="32" :alt="contributor.name" loading="lazy" decoding="async" rounded-full>
-        </a>
+      <span class="contributor-avatar" :title="contributor.email">
+        <img
+          :src="contributor.avatar" width="32" height="32" aria-label="Contributor image"
+          :alt="contributor.name" loading="lazy" decoding="async" rounded-full
+        >
       </span>
 
       <span class="contributor-name">
-        <a :href="contributor.github || ''" target="_blank" :title="contributor.email">
+        <a v-if="contributor?.github" :href="contributor.github" :title="contributor.github" target="_blank">
           {{ contributor.name }}
         </a>
+        <template v-else>
+          {{ contributor.name }}
+        </template>
       </span>
     </li>
   </ul>

node/index.ts

@@ -15,10 +15,10 @@ export const addonGitLog = defineValaxyAddon<GitLogOptions>(options => ({
   name: pkg.name,
   enable: true,
   options: {
-    ...options,
     contributor: {
       mode: 'api',
     },
+    ...options,
   },
 
   async setup(valaxy) {

types/index.ts

@@ -9,8 +9,10 @@ export interface GitLogOptions {
 }
 
 export interface Contributor extends ContributorInfo {
+  name: string
   email: string
   avatar: string
+  count: number
   github?: string | null
 }