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

Co-authored-by: Anthony Fu <[email protected]>

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,
 )
 

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 />

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: {