feat: configure routes

client/package.json

@@ -9,7 +9,8 @@
   },
   "dependencies": {
     "core-js": "^3.4.4",
-    "vue": "^2.6.10"
+    "vue": "^2.6.10",
+    "vue-router": "^3.1.5"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.1.0",

client/src/App.vue

@@ -1,23 +1,9 @@
 <template>
   <div id="app">
-    <SMain />
+    <router-view />
   </div>
 </template>
 
-<script>
-//import Main from './components/Home/Main.vue'
-//import LMain from './components/Login/LMain.vue'
-import SMain from './components/Signup/SMain.vue'
-//import GHMain from "./components/GetHired/GHMain.vue";
-
-export default {
-  name: "app",
-  components: {
-    SMain
-  }
-};
-</script>
-
 <style>
 #app {
   font-family: "Avenir", Helvetica, Arial, sans-serif;

client/src/main.js

@@ -1,8 +1,27 @@
 import Vue from 'vue'
 import App from './App.vue'
+import VueRouter from 'vue-router'
+import Home from './components/Home/Main.vue'
+import GetHired from './components/GetHired/GHMain.vue'
+import Signup from './components/Signup/SMain.vue'
+import Login from './components/Login/LMain.vue'
 
 Vue.config.productionTip = false
+Vue.use(VueRouter)
+
+const routes = [
+  {path: '/', component: Home },
+  {path: '/gethired', component: GetHired },
+  {path: '/signup', component: Signup },
+  {path: '/login', component: Login }
+]
+
+const router = new VueRouter({
+  mode: 'history',
+  routes
+})
 
 new Vue({
+  router,
   render: h => h(App),
 }).$mount('#app')