Comics.vue

<script>
import firebase from 'firebase'
import { db } from '../main'

export default {
  name: 'Comics',
  data () {
    return {
      comics: [],
      name: '',
      image: ''
    }
  },
  firestore () {
    return {
      comics: db.collection('comics').orderBy('createdAt')
    }
  },
  methods: {
    addComic (name, image) {
      const createdAt = new Date()
      db.collection('comics').add({ name, image, createdAt })
      // Clear values
      this.name = ''
      this.image = ''
    },
    deleteComic (id) {
      db.collection('comics').doc(id).delete()
    },
    logout () {
      firebase.auth().signOut().then(() => {
        this.$router.replace('login')
      })
    }
  }
}
</script>