From ad837203632c50760f34986e3be5b44079133547 Mon Sep 17 00:00:00 2001
From: Haidar Afif Maulana <haidarafifmaulana@gmail.com>
Date: Wed, 28 Mar 2018 11:36:07 +0700
Subject: [PATCH] Fix last error

---
 src/App.vue               |  2 +-
 src/components/Detail.vue |  6 ++----
 src/components/Home.vue   | 13 ++++++-------
 src/components/Post.vue   | 16 ++++++++--------
 src/main.js               |  2 +-
 5 files changed, 18 insertions(+), 21 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 3fc571b1..31348b37 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -45,7 +45,7 @@ export default {
         this.$refs.leftSidenav.toggle()
       } else {
         this.$refs.leftSidenav.toggle()
-        this.router.push(route)
+        this.$router.push(route)
       }
     }
   }
diff --git a/src/components/Detail.vue b/src/components/Detail.vue
index 78e95be0..e7391ac1 100644
--- a/src/components/Detail.vue
+++ b/src/components/Detail.vue
@@ -5,11 +5,9 @@
         <div class="md-title">{{ cat.comment }}</div>
       </md-card-header-text>
     </md-card-header>
-
     <md-card-media>
       <img :src="cat.url" :alt="cat.comment">
     </md-card-media>
-
     <md-card-content>
       {{ cat.detail }}
     </md-card-content>
@@ -23,9 +21,9 @@ export default {
     return {
       cat: {
         asObject: true,
-        source: this.$db.ref('cats').child(this.id),
+        source: this.$db.ref('cats').child(this.id)
       }
-    },
+    }
   }
 }
 </script>
diff --git a/src/components/Home.vue b/src/components/Home.vue
index 55fd35fc..d91bec6d 100644
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@@ -3,15 +3,14 @@
     <h1>Home</h1>
     <md-card v-for="cat in latestCats" :key="cat['.key']">
       <md-card-media>
-        <img src="cat.url" :alt="cat.comment">
+        <img :src="cat.url" :alt="cat.comment" style="width: 30px; height: 30px;">
       </md-card-media>
 
       <md-card-header>
         <div class="md-title">{{ cat.comment }}</div>
       </md-card-header>
-
       <md-card-actions>
-        <router-link to="'/detail/'+cat['.key']">
+        <router-link :to="{ name: 'Detail', params: {id: cat['.key']}}">
           <md-button>Details</md-button>
         </router-link>
       </md-card-actions>
@@ -22,13 +21,13 @@
 <script>
 export default {
   firebase () {
-    {
-      cats: this.$db.ref('cats');
+    return {
+      cats: this.$db.ref('cats')
     }
   },
   computed: {
-    latestCats: {
-      this.cats.reverse()
+    latestCats () {
+      return this.cats.reverse()
     }
   }
 }
diff --git a/src/components/Post.vue b/src/components/Post.vue
index 09ed3acf..405562b4 100644
--- a/src/components/Post.vue
+++ b/src/components/Post.vue
@@ -43,28 +43,28 @@ export default {
         detail: ''
       },
       loading: true,
-      err: false,
+      err: false
     }
   },
   methods: {
-    getCat() {
-      this.$http.get('http://random.cat/meow')
+    getCat () {
+      this.$http.get('https://yesno.wtf/api')
         .then((response) => {
-          this.randomCat.url = response.data.file
+          this.randomCat.url = response.data.image
           setTimeout(() => { this.loading = false }, 1000)
         })
         .catch((err) => {
+          console.log(err)
           this.err = err
         })
     },
-    postCat() {
-      console.log('postCat ', this.randomCat)
+    postCat () {
       this.$db.ref('cats').push(this.randomCat, () => {
-        this.$router.push('/');
+        this.$router.push('/')
       })
     }
   },
-  mounted: {
+  mounted () {
     this.getCat()
   }
 }
diff --git a/src/main.js b/src/main.js
index f9e5be6d..08d27fef 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,7 +4,7 @@ import Vue from 'vue'
 import VueFire from 'vuefire'
 import axios from 'axios'
 import App from './App'
-import router from 'router'
+import router from './router'
 import VueMaterial from 'vue-material'
 import 'vue-material/dist/vue-material.css'
 import firebase from 'firebase'