GitHubLink

The GitHubLink component displays a link to your GitHub repository with a live star count.

Usage

Copy<script setup lang="ts">
import { GitHubLink } from '@/components/GitHubLink'
</script>

<template>
  <GitHubLink />
</template>

Features

Star Count

• Fetches star count from Ungh API
• Displays formatted count (e.g., "1.2k" for 1200+ stars)
• Shows skeleton loader while fetching
• Caches data for 12 hours

Configuration

Uses siteConfig.links.ungh for the API endpoint:

Copy// app/lib/siteConfig.ts
export const siteConfig = {
  links: {
    ungh: "https://ungh.cc/repos/username/repo",
  },
}

API Reference

GitHubLink

No props. Automatically uses configuration from siteConfig.

Behavior

• Fetches star count on mount
• Caches data in Nuxt payload
• Shows skeleton while loading
• Displays formatted star count or "—" if unavailable
• Links to siteConfig.links.github

Customization

Update the GitHub URL in siteConfig.links.github:

Copyexport const siteConfig = {
  links: {
    github: "https://github.com/your-username/your-repo",
    ungh: "https://ungh.cc/repos/your-username/your-repo",
  },
}