name all the things, consistently

src/App.vue

@@ -44,7 +44,7 @@
 
 <script>
   export default {
-    name: 'app',
+    name: 'App',
     data() {
       return {
         count: 0

src/pages/About.vue

@@ -10,6 +10,6 @@
 
 <script>
   export default {
-
+    name: 'AboutPage',
   }
 </script>

src/pages/Customers.vue

@@ -17,7 +17,7 @@
   import CustomerCard from '../components/CustomerCard.vue';
 
   export default {
-    name: 'Customer',
+    name: 'CustomerPage',
     components: {
       CustomerCard
     },

src/pages/Orders.vue

@@ -10,6 +10,6 @@
 
 <script>
   export default {
-
+    name: 'OrdersPage',
   }
 </script>

src/router.js

@@ -3,13 +3,16 @@ import VueRouter from 'vue-router';
 
 import App from './App.vue';
 
-import Customers from './containers/Customers.vue';
-import Orders from './containers/Orders.vue';
-import About from './containers/About.vue';
+import Customers from './pages/Customers.vue';
+import Orders from './pages/Orders.vue';
+import About from './pages/About.vue';
 
 Vue.use(VueRouter);
 
 const routes = [{
+  path: '/login',
+
+}, {
   path: '/',
   name: 'app',
   component: App,