Fix last error

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)
       }
     }
   }

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>

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()
     }
   }
 }

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()
   }
 }

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'