fix(nav): generate relative URLs with base value

https://docs.astro.build/en/reference/configuration-reference/#base

Author: Indyandie

astro.config.mjs

@@ -6,6 +6,7 @@ import tailwindcss from '@tailwindcss/vite'
 export default defineConfig({
   site: 'https://pokeapi.co',
   base: '',
+  trailingSlash: "always",
   integrations: [
     starlight({
       title: 'PokéAPI',

src/components/PokeNav.astro

@@ -1,3 +1,9 @@
+---
+const baseUrl = import.meta.env.BASE_URL
+const about = baseUrl + 'about/'
+const v2 = baseUrl + 'v2/'
+const graphql = baseUrl + 'graphql/'
+---
 <nav>
   <ul
     class="
@@ -9,16 +15,16 @@
     "
   >
     <li>
-      <a href="/">Home</a>
+      <a href={baseUrl}>Home</a>
     </li>
     <li>
-      <a href="/about">About</a>
+      <a href={about}>About</a>
     </li>
     <li>
-      <a href="/v2">API v2</a>
+      <a href={v2}>API v2</a>
     </li>
     <li>
-      <a href="/graphql">GraphQL v1Beta</a>
+      <a href={graphql}>GraphQL v1Beta</a>
     </li>
   </ul>
 </nav>