<template>
  <div>
    <h1 v-if="searchTitle" v-html="'Book search: '+searchTitle"></h1>
    <h1 v-else>Book list</h1>
  </div>
</template>

<script>
import {mapState} from "vuex";

export default {
  name: 'BookListingHeader',
  data() {
    return {
      searchTerm: null,
    }
  },
  computed: {
    ...mapState('booksmodule', ['searchTitle']),
  },
}
</script>