feat: use runtime constant for repository URL (#158)

Archetipo95 · antfu · web-flow · commit facdc5cc7faf · 2024-08-20T23:07:54.000+02:00
Co-authored-by: Anthony Fu &lt;github@antfu.me&gt;
diff --git a/components/PanelDocs.vue b/components/PanelDocs.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { NavItem, ParsedContent } from '@nuxt/content'
 
+const runtime = useRuntimeConfig()
 const {
   navigation,
   page,
@@ -58,7 +59,7 @@ const ui = useUiState()
 
 const sourceUrl = computed(() =>
   page.value?._file
-    ? `https://github.com/nuxt/learn.nuxt.com/edit/main/content/${page.value._file}`
+    ? `${runtime.public.repoUrl}/edit/main/content/${page.value._file}`
     : undefined,
 )
 
diff --git a/components/TheNav.vue b/components/TheNav.vue
@@ -5,7 +5,6 @@ const guide = useGuideStore()
 const runtime = useRuntimeConfig()
 const commands = useCommandsStore()
 
-const repo = 'https://github.com/nuxt/learn.nuxt.com'
 const buildTime = new Date(runtime.public.buildTime)
 const timeAgo = useTimeAgo(buildTime)
 
@@ -53,7 +52,7 @@ addCommands(
       <NuxtTutorialLogo h-2em />
     </NuxtLink>
     <NuxtLink
-      :href="repo"
+      :href="runtime.public.repoUrl"
       target="_blank"
     >
       <div block translate-y--2 rounded bg-orange:10 px2 py1 text-xs text-orange>
@@ -94,7 +93,7 @@ addCommands(
         <template #popper>
           <div px5 py4 grid="~ gap-y-3 gap-x-2 cols-[max-content_1fr] items-center">
             <div i-ph-package-duotone text-xl />
-            <NuxtLink :to="`${repo}/commit/${runtime.public.gitSha}`" target="_blank" title="View on GitHub">
+            <NuxtLink :to="`${runtime.public.repoUrl}/commit/${runtime.public.gitSha}`" target="_blank" title="View on GitHub">
               <time :datetime="buildTime.toISOString()" :title="buildTime.toLocaleString()">
                 Built {{ timeAgo }} (<code>{{ runtime.public.gitSha.slice(0, 5) }}</code>)
               </time>
@@ -116,7 +115,7 @@ addCommands(
         rounded p2
         title="GitHub"
         hover="bg-active"
-        :href="repo"
+        :href="runtime.public.repoUrl"
         target="_blank"
       >
         <div i-carbon-logo-github text-2xl />
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -67,6 +67,7 @@ export default defineNuxtConfig({
     public: {
       buildTime: Date.now(),
       gitSha: execaSync('git', ['rev-parse', 'HEAD']).stdout.trim(),
+      repoUrl: 'https://github.com/nuxt/learn.nuxt.com',
     },
     app: {
       devtools: {
