Resolve issue of page not found when opening new tab
Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com>
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: Id46f9f663c456a7d09b55d6d322b00785df4cbe7
diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue
index 6e893a3..acfabe7 100644
--- a/src/components/AppNavigation/AppNavigation.vue
+++ b/src/components/AppNavigation/AppNavigation.vue
@@ -27,14 +27,17 @@
<icon-expand class="icon-expand" />
</b-button>
<b-collapse :id="navItem.id" tag="ul" class="nav-item__nav">
- <b-nav-item
- v-for="(subNavItem, i) of navItem.children"
- :key="i"
- :to="subNavItem.route"
- :data-test-id="`nav-item-${subNavItem.id}`"
- >
- {{ subNavItem.label }}
- </b-nav-item>
+ <li class="nav-item">
+ <router-link
+ v-for="(subNavItem, i) of navItem.children"
+ :key="i"
+ :to="subNavItem.route"
+ :data-test-id="`nav-item-${subNavItem.id}`"
+ class="nav-link"
+ >
+ {{ subNavItem.label }}
+ </router-link>
+ </li>
</b-collapse>
</li>
</template>