From a33b3fe29a4f6433a4753a33657b458c60848229 Mon Sep 17 00:00:00 2001
From: Yufan Sheng <syhily@gmail.com>
Date: Sun, 20 Oct 2024 17:52:32 +0800
Subject: [PATCH] fix: invalid class name in menu

---
 options.ts                         | 2 +-
 src/components/header/Header.astro | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/options.ts b/options.ts
index 98a8086..c376923 100644
--- a/options.ts
+++ b/options.ts
@@ -19,7 +19,7 @@ const Options = z
     description: z.string().max(100),
     keywords: z.array(z.string()),
     author: z.object({ name: z.string(), email: z.string().email(), url: z.string().url() }),
-    navigation: z.array(z.object({ text: z.string(), link: z.string(), target: z.string().optional() })),
+    navigation: z.array(z.object({ text: z.string().trim(), link: z.string(), target: z.string().optional() })),
     socials: z.array(
       z.object({
         name: z.string(),
diff --git a/src/components/header/Header.astro b/src/components/header/Header.astro
index 4a2978d..03f48e7 100644
--- a/src/components/header/Header.astro
+++ b/src/components/header/Header.astro
@@ -18,7 +18,7 @@ import options from '@/options';
       <ul>
         {
           options.navigation.map((menu, i) => (
-            <li id={`menu-item-${i}`} class={`menu-item ${i === 0 ? 'menu-item-home}' : ''}`}>
+            <li id={`menu-item-${i}`} class={`menu-item${i === 0 ? ' menu-item-home' : ''}`}>
               <a href={menu.link} target={menu.target}>
                 {menu.text}
               </a>