From e7962cd2b5d2c8a26b3fe017d74ae23bb8ed4e8c Mon Sep 17 00:00:00 2001
From: carolinapowers <carolinapoloni@gmail.com>
Date: Mon, 17 Sep 2018 10:56:48 -0400
Subject: [PATCH] Refactor BookList component

---
 src/components/BookList.vue | 33 +++++++++++++++------------------
 1 file changed, 15 insertions(+), 18 deletions(-)

diff --git a/src/components/BookList.vue b/src/components/BookList.vue
index 0f8a8ed0..c28eeb20 100644
--- a/src/components/BookList.vue
+++ b/src/components/BookList.vue
@@ -2,11 +2,7 @@
   <div>
     <h1>{{title}}</h1>
     <ul>
-      <book-item
-        v-for='book in books'
-        :key='book.id'
-        :book='book'
-      >{{book.title}}:{{book.author}}</book-item>
+      <book-item v-for='book in books' :key='book.id' :book='book'>{{book.title}}:{{book.author}}</book-item>
     </ul>
     <br><hr>
     <book-form @addBook='appendBook'></book-form>
@@ -14,36 +10,37 @@
 </template>
 
 <script>
-import BookItem from './BookItem';
-import BookForm from './BookForm';
+import BookItem from "./BookItem";
+import BookForm from "./BookForm";
 
 export default {
-  name: 'BookList',
+  name: "BookList",
   data() {
     return {
-      title: 'All Books',
-      states: ['Want to Read', 'Read', 'Reading'],
+      title: "All Books",
+      states: ["Want to Read", "Read", "Reading"],
       books: [
-        { title: 'Self-Reliance', author: 'Ralph Waldo Emerson' },
-        { title: 'American Gods', author: 'Neil Gaiman' },
-        { title: 'Amusing Ourselves to Death', author: 'Neil Postman' },
-      ],
+        { title: "Self-Reliance", author: "Ralph Waldo Emerson" },
+        { title: "American Gods", author: "Neil Gaiman" },
+        { title: "Amusing Ourselves to Death", author: "Neil Postman" }
+      ]
     };
   },
   components: {
     BookItem,
-    BookForm,
+    BookForm
   },
   methods: {
     appendBook(bookTitle, bookAuthor) {
       this.books.push({ title: bookTitle, author: bookAuthor });
-    },
-  },
+    }
+  }
 };
 </script>
 
 <style>
-h1, h2 {
+h1,
+h2 {
   font-weight: normal;
 }
 ul {