From 0e8618f902cf7326058b0b25e2bde6260324013a Mon Sep 17 00:00:00 2001
From: sanbuphy <physicoada@gmail.com>
Date: Fri, 20 Feb 2026 02:10:25 +0800
Subject: [PATCH] fix: use VitePress withBase in NavCard for correct routing

NavCard component now uses VitePress's withBase() utility function
to properly handle base path in all environments:
- Local development: /easy-vibe/
- GitHub Pages: /easy-vibe/
- Vercel: /

This fixes 404 errors when clicking NavCard links in appendix pages.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 docs/.vitepress/theme/components/NavCard.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/docs/.vitepress/theme/components/NavCard.vue b/docs/.vitepress/theme/components/NavCard.vue
index 7012d63..a0ebd16 100644
--- a/docs/.vitepress/theme/components/NavCard.vue
+++ b/docs/.vitepress/theme/components/NavCard.vue
@@ -1,4 +1,6 @@
 <script setup>
+import { withBase } from 'vitepress'
+
 defineProps({
   href: {
     type: String,
@@ -21,7 +23,7 @@ defineProps({
 
 <template>
   <a
-    :href="href"
+    :href="withBase(href)"
     class="nav-card-link"
   >
     <div class="nav-card">