fix(landing,docs): use build-time GitHub star count, drop per-page api.github.com fetch (#560)

Removes the client-side api.github.com fetch from the landing navbar and the docs theme; both now render a build-time star count (docs via a new VitePress data loader). deploy-docs.yml gets GITHUB_TOKEN plus a daily refresh cron, mirroring deploy-landing.yml. Fixes #555.
This commit is contained in:
SnapOtter
2026-07-18 10:45:28 +08:00
committed by GitHub
parent d4eaa655b2
commit 54073a7c50
4 changed files with 73 additions and 52 deletions
+6 -15
View File
@@ -1,26 +1,17 @@
<script setup lang="ts">
import { useData } from "vitepress";
import { computed, onMounted, ref } from "vue";
import { computed } from "vue";
import { normalizeLocale, t } from "../i18n/ui.mjs";
import { data as githubStars } from "./github-stars.data.ts";
const { lang } = useData();
const locale = computed(() => normalizeLocale(lang.value));
const starLabel = computed(() => t(locale.value, "github.star"));
const stars = ref<string | null>(null);
// Resolved at build time (see github-stars.data.ts), so no per-page request to
// api.github.com is made from the browser.
const stars = githubStars.display;
const repo = "https://github.com/snapotter-hq/snapotter";
onMounted(async () => {
try {
const res = await fetch("https://api.github.com/repos/snapotter-hq/snapotter");
if (!res.ok) return;
const data = await res.json();
const count = data.stargazers_count;
stars.value = count >= 1000 ? `${(count / 1000).toFixed(1)}k` : String(count);
} catch {
// Stars count won't show if fetch fails
}
});
</script>
<template>
@@ -33,7 +24,7 @@ onMounted(async () => {
<span class="github-btn-label">{{ starLabel }}</span>
</a>
<a
v-if="stars !== null"
v-if="stars"
:href="`${repo}/stargazers`"
target="_blank"
rel="noopener"