Merge pull request #25 from patosz/master

Add cart page

Author: Laoujin

.gitignore

@@ -1,3 +1,4 @@
 node_modules
 package-lock.json
 Exercises.pdf
+.idea/

cli-socks/src/App.vue

@@ -5,7 +5,8 @@
 
       <div class="links">
         <router-link to="/">Home</router-link> |
-        <router-link to="/counter" title="Vuex example">Counter</router-link>
+        <router-link to="/counter" title="Vuex example">Counter</router-link> |
+        <router-link to="/cart" title="Cart summary">Cart</router-link>
       </div>
     </div>
 

cli-socks/src/router.ts

@@ -1,7 +1,7 @@
 import Vue from "vue";
 import Router from "vue-router";
 import Home from "./views/Home.vue";
-
+import Cart from "./views/Cart.vue";
 Vue.use(Router);
 
 export default new Router({
@@ -21,6 +21,11 @@ export default new Router({
       // which is lazy-loaded when the route is visited.
       component: () => import(/* webpackChunkName: "counter" */ "./views/Counter.vue")
     },
+    {
+      path: "/cart",
+      name: "cart",
+      component: Cart
+    },
     // {
     //   path: '/product/:id',
     //   component: () => import(/* webpackChunkName: "productDetail" */ "./views/ProductPage.vue")

cli-socks/src/views/Cart.vue

@@ -0,0 +1,21 @@
+<template>
+  <div>
+    HELLO FROM THE CART
+  </div>
+
+</template>
+
+<script>
+    import {Component, Vue} from "vue-property-decorator";
+
+    @Component({
+        components: {}
+    })
+    export default class Cart extends Vue {
+
+    }
+</script>
+
+<style scoped>
+
+</style>