From 6fe81b1d70048203ee97463aff7cc05d23104374 Mon Sep 17 00:00:00 2001
From: shanmukhdutt <ksssaidutt@gmail.com>
Date: Mon, 15 Jan 2024 18:52:13 +0530
Subject: [PATCH] Fixed: suggested changes

---
 src/components/Menu.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index d2e9b288..3c659ed5 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -7,15 +7,15 @@
     </ion-header>
     <ion-content>
       <ion-list>
-        <ion-menu-toggle auto-hide="false" v-for="(p,i) in getValidMenuItems(appPages)" :key="i">
+        <ion-menu-toggle auto-hide="false" v-for="(page, index) in getValidMenuItems(appPages)" :key="index">
           <ion-item 
             button
             router-direction="root"
-            :router-link="p.url"
+            :router-link="page.url"
             class="hydrated"
-            :class="{ selected: selectedIndex === i}">
-            <ion-icon slot="start" :ios="p.iosIcon" :md="p.mdIcon"></ion-icon>
-            <ion-label>{{ p.title }}</ion-label>
+            :class="{ selected: selectedIndex === index}">
+            <ion-icon slot="start" :ios="page.iosIcon" :md="page.mdIcon"></ion-icon>
+            <ion-label>{{ page.title }}</ion-label>
           </ion-item>
         </ion-menu-toggle>
       </ion-list>
@@ -138,7 +138,7 @@
 
       const selectedIndex = computed(() => {
         const path = router.currentRoute.value.path;
-          return appPages.findIndex((screen) => screen.url === path);
+        return appPages.findIndex((screen) => screen.url === path);
       });
 
       return {
@@ -148,8 +148,8 @@
         pulseOutline,
         optionsOutline,
         settingsOutline,
+        selectedIndex,
         store,
-        selectedIndex
       };
     },
   });