text: const SomeApp = {
      data() {
        return {
          books: [],
          bookForm: {}
        }
      },
      computed: {},
      methods: {
      
          prettyDollar(n) {
              const d = new Intl.NumberFormat("en-US").format(n);
              return "$ " + d;
          },
          fetchBookData() {
              fetch('/api/books/')
              .then( response => response.json() )
              .then( (responseJson) => {
                  console.log(responseJson);
                  this.books = responseJson;
              })
              .catch( (err) => {
                  console.error(err);
              })
          },
          fetchUserData(){
              fetch('https://randomuser.me/api/')
              .then( response => response.json() )
              .then( (responseJson) => {
                  this.person = responseJson.results[0];
              })
              .catch( (err) => {
                  console.error(err);
              })
          },
          postNewBook(evt) {
              console.log("Posting:", this.bookForm);
  
              fetch('api/books/create.php', {
                  method:'POST',
                  body: JSON.stringify(this.bookForm),
                  headers: {
                    "Content-Type": "application/json; charset=utf-8"
                  }
                })
                .then( response => {
                  this.fetchBookData();
                })
  
            },
      },
      created() {
          this.fetchUserData();
          this.fetchBookData();
      } 
  }
  Vue.createApp(SomeApp).mount('#offerApp');
  