Completed module 1

src/App.vue

@@ -1,17 +1,17 @@
 <template>
  <div id="app">
  <img src="./assets/logo.png">
- <hello-world></hello-world>
+ <book-list></book-list>
  </div>
 </template>
 
 <script>
-import HelloWorld from './components/HelloWorld';
+import BookList from './components/BookList';
 
 export default {
  name: 'app',
  components: {
- HelloWorld,
+ BookList,
  },
 };
 </script>

src/components/BookList.vue

@@ -0,0 +1,22 @@
+<template>
+ <div>
+ <h1>{{ title }}</h1>
+ </div>
+</template>
+
+<script>
+ export default {
+ name: "BookList",
+ data() {
+ return {
+ title: "All Books"
+ }
+ },
+ }
+</script>
+
+<style>
+ h1, h2 {
+ font-weight: normal;
+ }
+</style>