title: How to fix "Cannot create property 'default' on boolean 'true'"
body: <p>I've installed a package that provides pagination component for vue. I've followed the documentation to set up everything correctly but I am getting this error that I have no idea how to fix. </p>
  
  <p>[Vue warn]: Error in render: "TypeError: Cannot create property 'default' on boolean 'true'"</p>
  
  <p><img src="https://i.imgur.com/ZlVMhdk.png" alt="laravel-vue-pagination error"></p>
  
  <p>This is how my response.data looks like:</p>
  
  <p><img src="https://i.imgur.com/EEQ5IYs.png" alt="response-data"></p>
  
  <p>Tried changing variables, hardcoding them but everything is out of desperation to fix it. I've used google but most of the results are in chinese or they are not working for my case. </p>
  
  <pre><code>&lt;pagination :data="data"&gt;
      &lt;span slot="prev-nav"&gt;&amp;lt; Previous&lt;/span&gt;
      &lt;span slot="next-nav"&gt;Next &amp;gt;&lt;/span&gt;
  &lt;/pagination&gt;
  </code></pre>
  
  <pre><code>export default {
      data() {
          return {
              data: {},
          }
      },
      mounted() {
          this.getResults()
      },
      methods: {
          getResults(page = 1) {
              axios.get('/api/reviews?page=' + page).then(response =&gt; {
                   this.data = response.data;
              });
          },
      }
  }
  </code></pre>
  
  <p>Hopefully any of you have a solution.</p>