title: Getting wrapped data via Vue-Laravel API Resource connection
body: <p>I'm using Laravel and Vue connected via API,
  Everything works fine. 
  I asked to get offer via method from Vue:</p>
  
  <pre><code>      getOffer(id) {
                this.$http.get('http://127.0.0.1:8000/api/offers/'+id)
                    .then(response =&gt; response.json())
                    .then(result =&gt; this.offer = result)
            }
        },
  </code></pre>
  
  <p>And I recived this: </p>
  
  <pre><code>{
  "body": "xx"
  "title": "yy"
  }
  </code></pre>
  
  <p>and then put it into offer variable:</p>
  
  <pre><code>    data() {
          return {
              offer: {
                  title:'',
                  body:''
              }
          }
      },
  </code></pre>
  
  <p>and I used it into template</p>
  
  <pre><code>            &lt;div&gt;
                &lt;h3 class="headline mb-0"&gt;{{offer.title}}&lt;/h3&gt;
                &lt;div&gt;
                  &lt;br&gt;
                  {{offer.body}}&lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>easy, all works fine</p>
  
  <p>Now I decided to use Laravel Resource. This is wrapping data into "data" object within json response, so I got now this:</p>
  
  <pre><code>{
       "data": {
          "body": "xx"
          "title": "yy"
       }
  }
  </code></pre>
  
  <p>and my template is blank - can anyone tell me how should I change the code, to work with new data object? And how I could work with it, when It will contain more objects, like:</p>
  
  <pre><code> {
       "data": {
          "body": "xx"
          "title": "yy"
       },
       "data2":{
          "body": "xx"
          "title": "yy"
       },
  }
  </code></pre>
  
  <p>etc. </p>