feat(web): data link

packages/console/app/src/component/header.tsx

@@ -13,10 +13,9 @@ import copyLogoSvgLight from "../asset/lander/opencode-logo-light.svg"
 import copyLogoSvgDark from "../asset/lander/opencode-logo-dark.svg"
 import copyWordmarkSvgLight from "../asset/lander/opencode-wordmark-light.svg"
 import copyWordmarkSvgDark from "../asset/lander/opencode-wordmark-dark.svg"
-import { A, createAsync, useNavigate } from "@solidjs/router"
+import { A, useNavigate } from "@solidjs/router"
 import { createMemo, Match, Show, Switch } from "solid-js"
 import { createStore } from "solid-js/store"
-import { github } from "~/lib/github"
 import { createEffect, onCleanup } from "solid-js"
 import { config } from "~/config"
 import { useI18n } from "~/context/i18n"
@@ -40,16 +39,6 @@ export function Header(props: { zen?: boolean; go?: boolean; hideGetStarted?: bo
   const navigate = useNavigate()
   const i18n = useI18n()
   const language = useLanguage()
-  const githubData = createAsync(() => github())
-  const starCount = createMemo(() =>
-    githubData()?.stars
-      ? new Intl.NumberFormat("en-US", {
-          notation: "compact",
-          compactDisplay: "short",
-          maximumFractionDigits: 0,
-        }).format(githubData()?.stars)
-      : config.github.starsFormatted.compact,
-  )
 
   const [store, setStore] = createStore({
     mobileMenuOpen: false,
@@ -155,12 +144,15 @@ export function Header(props: { zen?: boolean; go?: boolean; hideGetStarted?: bo
         <ul>
           <li>
             <a href={config.github.repoUrl} target="_blank" style="white-space: nowrap;">
-              {i18n.t("nav.github")} <span>[{starCount()}]</span>
+              {i18n.t("nav.github")}
             </a>
           </li>
           <li>
             <a href={language.route("/docs")}>{i18n.t("nav.docs")}</a>
           </li>
+          <li>
+            <a href={language.route("/data")}>{i18n.t("nav.data")}</a>
+          </li>
           <li>
             <A href={language.route("/zen")}>{i18n.t("nav.zen")}</A>
           </li>
@@ -252,12 +244,15 @@ export function Header(props: { zen?: boolean; go?: boolean; hideGetStarted?: bo
                 </li>
                 <li>
                   <a href={config.github.repoUrl} target="_blank" style="white-space: nowrap;">
-                    {i18n.t("nav.github")} <span>[{starCount()}]</span>
+                    {i18n.t("nav.github")}
                   </a>
                 </li>
                 <li>
                   <a href={language.route("/docs")}>{i18n.t("nav.docs")}</a>
                 </li>
+                <li>
+                  <a href={language.route("/data")}>{i18n.t("nav.data")}</a>
+                </li>
                 <Show when={!props.zen}>
                   <li>
                     <A href={language.route("/zen")}>{i18n.t("nav.zen")}</A>

packages/console/app/src/i18n/en.ts

@@ -1,6 +1,7 @@
 export const dict = {
   "nav.github": "GitHub",
   "nav.docs": "Docs",
+  "nav.data": "Data",
   "nav.changelog": "Changelog",
   "nav.discord": "Discord",
   "nav.x": "X",