First job

form/res-judicata/src/App.vue

@@ -1,9 +1,5 @@
 <template>
   <div id="app">
-    <div id="nav">
-      <router-link to="/">Home</router-link> |
-      <router-link to="/about">About</router-link>
-    </div>
     <router-view/>
   </div>
 </template>

form/res-judicata/src/router/index.js

@@ -11,12 +11,12 @@ const routes = [
     component: Home
   },
   {
-    path: '/about',
+    path: '/form',
-    name: 'About',
+    name: 'Form',
     // route level code-splitting
     // this generates a separate chunk (about.[hash].js) for this route
     // which is lazy-loaded when the route is visited.
-    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
+    component: () => import(/* webpackChunkName: "about" */ '../views/Form.vue')
   }
 ]
 

form/res-judicata/src/views/About.vue

@@ -1,5 +0,0 @@
-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-  </div>
-</template>

form/res-judicata/src/views/Form.vue

@@ -0,0 +1,14 @@
+<template>
+  <div class="home">
+    This is form
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Form',
+  components: {
+    //HelloWorld
+  }
+}
+</script>

form/res-judicata/src/views/Home.vue

@@ -1,18 +1,14 @@
 <template>
   <div class="home">
-    <img alt="Vue logo" src="../assets/logo.png">
+    Welcome fuckers<br>
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
+    <router-link to="/form">Here be link to form</router-link>
   </div>
 </template>
 
 <script>
 // @ is an alias to /src
-import HelloWorld from '@/components/HelloWorld.vue'
 
 export default {
-  name: 'Home',
+  name: 'Home'
-  components: {
-    HelloWorld
-  }
 }
 </script>