added code

Shaun Pelling · Shaun Pelling · commit 97b22023b769 · 2017-04-03T17:21:17.000+01:00
diff --git a/package.json b/package.json
@@ -10,7 +10,8 @@
   },
   "dependencies": {
     "vue": "^2.2.1",
-    "vue-resource": "^1.2.1"
+    "vue-resource": "^1.2.1",
+    "vue-router": "^2.3.1"
   },
   "devDependencies": {
     "babel-core": "^6.0.0",
diff --git a/src/App.vue b/src/App.vue
@@ -1,7 +1,6 @@
 <template>
     <div>
-        <show-blogs></show-blogs>
-        <list-blogs></list-blogs>
+        <router-view></router-view>
     </div>
 </template>
 
diff --git a/src/components/addBlog.vue b/src/components/addBlog.vue
@@ -72,7 +72,7 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
 #add-blog *{
     box-sizing: border-box;
 }
diff --git a/src/main.js b/src/main.js
@@ -1,11 +1,20 @@
 import Vue from 'vue'
 import VueResource from 'vue-resource'
+import VueRouter from 'vue-router'
 import App from './App.vue'
+import Routes from './routes'
 
-// Use vue-resource package
+// Use packages
 Vue.use(VueResource);
+Vue.use(VueRouter);
+
+// Register routes
+const router = new VueRouter({
+    routes: Routes
+});
 
 new Vue({
   el: '#app',
-  render: h => h(App)
+  render: h => h(App),
+  router: router
 })
diff --git a/src/routes.js b/src/routes.js
@@ -0,0 +1,7 @@
+import addBlog from './components/addBlog.vue';
+import showBlogs from './components/showBlogs.vue';
+
+export default [
+    { path: '/', component: showBlogs},
+    { path: '/add', component: addBlog}
+]
