title: How to get data from axios call in computed method to manipulate them?
body: <p>I do a call with axios to get data like this:</p>
  <pre><code>  export default {
        name: 'TaxesSection',
        data () {
          return {
            isFormShown: false,
            isLoading: false,
            isOpen: false,
            info: null,
            dist: null,
            tableauDistance: [],
            tableauGeneral: {},
            tabName: [],
            tabProrataDist: [],
            tabPriceHt: [],
            voyages: {},
            id: null,
            amount: null,
            errors: []
          }
        },
        // Fetches posts when the component is created.
        async created() {
          try {
            const response = await axios.get(`/cruise/${this.cruise.id}/vat_info`)
            this.info = response.data
          } catch (e) {
            this.errors.push(e)
          }
        },
        props: ['agreementId'],
        computed: {
          getTotalDistance () {
            return this.info
          },
  </code></pre>
  <p>When I display the data in HTML by calling <code>{{getTotalDistance}}</code> I got this:</p>
  <pre><code>{ &quot;disembs_vat&quot;: [ { &quot;profile&quot;: { &quot;address_country&quot;: { &quot;iso&quot;: &quot;FR&quot;, &quot;name&quot;: &quot;France&quot; }, &quot;company_name&quot;: null, &quot;company_reg_country&quot;: null, &quot;date_of_birth&quot;: null, &quot;full_name&quot;: &quot;Paul Sernine&quot;, &quot;id&quot;: 3, &quot;initials&quot;: &quot;PS&quot;, &quot;is_new&quot;: false, &quot;locked&quot;: false, &quot;passport_country&quot;: { &quot;iso&quot;: &quot;FR&quot;, &quot;name&quot;: &quot;France&quot; }, &quot;profile_name&quot;: &quot;Alt Profile #1&quot;, &quot;version&quot;: 0, &quot;write_access&quot;: true }, &quot;voyages&quot;: [ { &quot;country&quot;: &quot;FRA&quot;, &quot;distance&quot;: 15.916673872587964, &quot;vat&quot;: 0.1 }, { &quot;country&quot;: &quot;international&quot;, &quot;distance&quot;: 80.3050348237542, &quot;vat&quot;: 0 }, { &quot;country&quot;: &quot;COR&quot;, &quot;distance&quot;: 18.244668116382755, &quot;vat&quot;: 0.021 } ] }, { &quot;profile&quot;: { &quot;address_country&quot;: null, &quot;company_name&quot;: null, &quot;company_reg_country&quot;: null, &quot;date_of_birth&quot;: null, &quot;full_name&quot;: &quot;Robert Neverconnected&quot;, &quot;id&quot;: 9, &quot;initials&quot;: &quot;RN&quot;, &quot;is_new&quot;: false, &quot;locked&quot;: false, &quot;passport_country&quot;: null, &quot;profile_name&quot;: null, &quot;version&quot;: 0, &quot;write_access&quot;: true }, &quot;voyages&quot;: [ { &quot;country&quot;: &quot;FRA&quot;, &quot;distance&quot;: 9.13255133078821, &quot;vat&quot;: 0.1 } ] }, { &quot;profile&quot;: { &quot;address_country&quot;: null, &quot;company_name&quot;: null, &quot;company_reg_country&quot;: null, &quot;date_of_birth&quot;: null, &quot;full_name&quot;: &quot;test ttete&quot;, &quot;id&quot;: 11, &quot;initials&quot;: &quot;tt&quot;, &quot;is_new&quot;: false, &quot;locked&quot;: false, &quot;passport_country&quot;: null, &quot;profile_name&quot;: &quot;Created by Arsène Lupin&quot;, &quot;version&quot;: 0, &quot;write_access&quot;: true }, &quot;voyages&quot;: [ { &quot;country&quot;: &quot;international&quot;, &quot;distance&quot;: 1001.8276448564677, &quot;vat&quot;: 0 } ] } ], &quot;qualifying_voyages&quot;: [ { &quot;end_wp_id&quot;: 23, &quot;qualifying&quot;: false, &quot;start_wp_id&quot;: 1 }, { &quot;end_wp_id&quot;: 26, &quot;qualifying&quot;: true, &quot;start_wp_id&quot;: 23 }, { &quot;end_wp_id&quot;: 32, &quot;qualifying&quot;: true, &quot;start_wp_id&quot;: 26 } ], &quot;total_distance&quot;: 1125.4265729999809, &quot;vat_prorata&quot;: [ { &quot;distance&quot;: 25.049225203376174, &quot;vat&quot;: 0.1 }, { &quot;distance&quot;: 1082.1326796802218, &quot;vat&quot;: 0 }, { &quot;distance&quot;: 18.244668116382755, &quot;vat&quot;: 0.021 } ] }
  </code></pre>
  <p>But I want to manipulate the data on computed fonction &quot;getTotalDistance&quot; and when I tried to <code>return this.info.disembs_vat</code> or manipulate the data I got this error:</p>
  <pre><code>vue.runtime.esm.js?2b0e:1897 TypeError: Cannot read properties of null (reading 'disembs_vat')
      at VueComponent.getTotalDistance (TaxesSection.vue?b2b5:43:1)
      at Watcher.get (vue.runtime.esm.js?2b0e:4495:1)
      at Watcher.evaluate (vue.runtime.esm.js?2b0e:4597:1)
      at VueComponent.computedGetter [as getTotalDistance] (vue.runtime.esm.js?2b0e:4851:1)
      at Object.get (vue.runtime.esm.js?2b0e:2081:1)
      at Proxy.render (TaxesSection.vue?ec96:7:1)
      at Vue._render (vue.runtime.esm.js?2b0e:3569:1)
      at VueComponent.updateComponent (vue.runtime.esm.js?2b0e:4081:1)
      at Watcher.get (vue.runtime.esm.js?2b0e:4495:1)
      at new Watcher (vue.runtime.esm.js?2b0e:4484:1)
  </code></pre>
  <p>And I can't figure it out... When I reload the html by modifying something and save it works but when I relaod the page with F5 it doesn't.</p>
  <p>Thanks a lot!</p>