title: axios.all shows a function as undefined
body: <p>Hey guys I am using axios.all within my vuejs and javascript code. But when the page is loaded none of the content can be seen and within the chrome console it says: </p>
  
  <pre><code>[nuxt]Error while initializing app ReferenceError: getAllTicketGroups is not defined.
  </code></pre>
  
  <p>I am not sure why this is happening. </p>
  
  <p>Below is the JavaScript code that I am using. </p>
  
  <pre><code>&lt;script&gt;
  import axios from 'axios';
  export default {
      layout: 'Account',
      components:{
          'accountTickets' : TicketsAccountTickets
      },
  
      data(){
          return{
              allTickets: [],
              event_id  : this.event_id,
              getTickets:{
                  seeTickets:{
                      event_id : this.event_id
                  }
              },
              findTickets: {},
              eventsId: [],
          }
      },
  
      mounted:{
          getAllTicketGroups: function(){
              return axios.get('https://api.ticketpass.co/tickets',{
                  headers:{
                      "Content-Type" : "application/json",
                      "Accept" : "application/json"
                  }
              })
              .then(response =&gt;{
                  if(response.status === 200){
                      for(let i = 0; i &lt; response.data.length; i++){
                          console.log(response.data[i].event_id);
                          this.allTickets.push({
                              "some_id" : response.data[i].id,
                              "event_id" : response.data[i].event_id,
                              "created" : response.data[i].created,
                              "code" : response.data[i].code,
                              "user_id" : response.data[i].user_id
                          })
  
                          this.getTickets.seeTickets = {
                          "event_id" : response.data[i].event_id
                          }
                      }
                  }
              })
          },
  
          getEventId: function(){
              if(!(response.data[i].event_id in this.findTickets) &amp;&amp; this.eventsId.indexOf(response.data[i].event_id) == -1){
                  return axios.get('https://api.ticketpass.co/event/' + response.data[i].event_id,{
                      headers:{
                          "Content-Type" : "application/json",
                          "Accept" : "application/json",
                          "Authorization" : this.accessToken
                      }
                  })
                  .then(response =&gt; {
                      console.log(response.data);
                      this.findTickets[response.data.id] = response.data;
                  })
                  console.log("Data Added");
              }else{
                  console.log("IN Object");
              }
              console.log(this.findTickets);
          }
      }
  }
  
  axios.all([getAllTicketGroups(), getEventId()])
  .then(axios.spread(function (list, got){
      console.log(list);
      console.log(got);
  }));
  &lt;/script&gt;
  </code></pre>
  
  <p>If someone could please help it would be much appreciated.</p>
  
  <p>Many thanks.</p>