From 5418a6e7c0f612bf20af884fdb0f19481d66e983 Mon Sep 17 00:00:00 2001
From: Cindy Chang <cindy.chang@dsp.im>
Date: Tue, 4 Jun 2024 09:17:55 +0800
Subject: [PATCH] solving toUpperCase bug

---
 src/components/Navbar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 159278a..05f4d0c 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -15,7 +15,7 @@
           </div>
           <ul class="flex justify-center items-center space-x-4 text-xl font-semibold text-neutral-300 cursor-pointer">
             <li @click="switchNavItem($event, item)" v-for="(item, index) in navViewData[navViewName]"
-              :key="index" class="nav-item" :class="{'active': activePage.toUpperCase() === item}">
+              :key="index" class="nav-item" :class="{'active': activePage?.toUpperCase() === item}">
                 {{ item }}
             </li>
           </ul>