feat(package): add fund button (#233)

Author: 9romise

app/pages/[...package].vue

@@ -183,6 +183,15 @@ const docsLink = computed(() => {
   }
 })
 
+const fundingUrl = computed(() => {
+  let funding = displayVersion.value?.funding
+  if (Array.isArray(funding)) funding = funding[0]
+
+  if (!funding) return null
+
+  return typeof funding === 'string' ? funding : funding.url
+})
+
 function normalizeGitUrl(url: string): string {
   return url
     .replace(/^git\+/, '')
@@ -635,6 +644,15 @@ defineOgImageComponent('Package', {
                 {{ $t('package.links.docs') }}
               </NuxtLink>
             </li>
+            <li v-if="fundingUrl">
+              <NuxtLink
+                :to="fundingUrl"
+                class="link-subtle font-mono text-sm inline-flex items-center gap-1.5"
+              >
+                <span class="i-carbon-favorite w-4 h-4" aria-hidden="true" />
+                {{ $t('package.links.fund') }}
+              </NuxtLink>
+            </li>
             <li v-if="displayVersion" class="sm:ml-auto">
               <NuxtLink
                 :to="{

i18n/locales/en.json

@@ -104,7 +104,8 @@
       "forks": "fork | forks",
       "jsr": "jsr",
       "code": "code",
-      "docs": "docs"
+      "docs": "docs",
+      "fund": "fund"
     },
     "install": {
       "title": "Install",

i18n/locales/zh-CN.json

@@ -102,7 +102,8 @@
       "forks": "复刻",
       "jsr": "jsr",
       "code": "代码",
-      "docs": "文档"
+      "docs": "文档",
+      "fund": "资助"
     },
     "install": {
       "title": "安装",