From b1cf3c50f8febc7bc335d9cd6375f244ec9dd526 Mon Sep 17 00:00:00 2001
From: ajdj100 <AJCampbell@conestogac.on.ca>
Date: Mon, 18 Sep 2023 09:53:08 -0400
Subject: [PATCH] implemented navigation to the forms page

---
 17th Website/src/components/FormsPage/forms.vue   | 9 +++++++++
 17th Website/src/components/navigation/Navbar.vue | 2 +-
 17th Website/src/router.js                        | 5 +++++
 3 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 17th Website/src/components/FormsPage/forms.vue

diff --git a/17th Website/src/components/FormsPage/forms.vue b/17th Website/src/components/FormsPage/forms.vue
new file mode 100644
index 0000000..2f2a629
--- /dev/null
+++ b/17th Website/src/components/FormsPage/forms.vue	
@@ -0,0 +1,9 @@
+<script setup>
+
+
+</script>
+
+<template>
+  <h1>Here is a child component!</h1>
+
+</template>
\ No newline at end of file
diff --git a/17th Website/src/components/navigation/Navbar.vue b/17th Website/src/components/navigation/Navbar.vue
index 8dc57f2..4b38c8e 100644
--- a/17th Website/src/components/navigation/Navbar.vue	
+++ b/17th Website/src/components/navigation/Navbar.vue	
@@ -28,7 +28,7 @@ export default {
         <hr class="text-white">
         <navitem icon="carbon:home" link="/" @click="setActive('#home')" :active="activeButton === '#home'" />
         <navitem icon="carbon:events" link="/users" @click="setActive('#users')" :active="activeButton === '#users'"/>
-        <navitem icon="carbon:align-box-bottom-left" link="#" @click="setActive('#docs')"  :active="activeButton === '#docs'"/>
+        <navitem icon="carbon:align-box-bottom-left" link="/forms" @click="setActive('#docs')"  :active="activeButton === '#docs'"/>
         <navitem icon="carbon:tool-kit" link="#" @click="setActive('#tools')"  :active="activeButton === '#tools'"/>
     </div>
 </template>
diff --git a/17th Website/src/router.js b/17th Website/src/router.js
index 31028da..f2b486c 100644
--- a/17th Website/src/router.js	
+++ b/17th Website/src/router.js	
@@ -35,6 +35,11 @@ export default createRouter({
         path: '/users',
         name: 'Users',
         component: () => import('./views/users.vue'),
+    },
+    {
+      path: '/forms',
+      name: 'Forms',
+      component: () => import('./components/FormsPage/forms.vue')
     }
   ]
 })
\ No newline at end of file