From 73f5a85506d795cd2f42f0388e51bb2751fa1fe7 Mon Sep 17 00:00:00 2001
From: aspen <bw350@students.waikato.ac.nz>
Date: Thu, 18 Sep 2025 05:50:28 +1200
Subject: [PATCH] fix(nav): move v-for key to rendered elements and fix
 indentation

---
 src/components/PageStrcture/Nav.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/PageStrcture/Nav.vue b/src/components/PageStrcture/Nav.vue
index 58a2e48a..1d387de3 100644
--- a/src/components/PageStrcture/Nav.vue
+++ b/src/components/PageStrcture/Nav.vue
@@ -6,14 +6,16 @@
       />
       <nav id="nav" v-if="navVisible">
         <!-- Render either router-link or anchor, depending if internal / external link -->
-        <template v-for="(link, index) in allLinks" :key="index">
+        <template v-for="(link, index) in allLinks">
           <router-link
             v-if="!isUrl(link.path)"
+            :key="index"
             :to="link.path"
             :class="['nav-item', link._isHome ? 'home-button' : '']"
           >{{ link.title }}</router-link>
           <a
             v-else
+            :key="index"
             :href="link.path"
             :target="determineTarget(link)"
             :class="['nav-item', link._isHome ? 'home-button' : '']"
@@ -56,7 +58,7 @@ export default {
         subPages = subPages.filter(p => !p.path.endsWith(`/${currentSubPageId}`));
       }
       const navLinks = this.links || [];
-  const homeButton = currentSubPageId ? [{ path: '/home/', title: 'Home', _isHome: true }] : [];
+      const homeButton = currentSubPageId ? [{ path: '/home/', title: 'Home', _isHome: true }] : [];
       return [...navLinks, ...subPages, ...homeButton];
     },
   },