title: variable declaration conflict while redirection to another route using router.push
body: <p>I am creating a common httpService file from which my all http calls will be called. and in this on a http status 403 i want to redirect to '/profile' route. And after redirection it is showing error</p>
  
  <p>[Vue warn]: The computed property "errors" is already defined in data.</p>
  
  <p>found in</p>
  
  <p>--->  at resources/js/components/Admin/Profile.vue</p>
  
  <p>It looks like it is a conflict of data declaration.</p>
  
  <p>httpservice.js</p>
  
  <pre><code>getRequest: function (parameters,callBackFunction) {
      let response = '';
      let url = 'url' in parameters ? parameters["url"] : "";
      let data = 'data' in parameters ? parameters['data'] : "";
      axios
      .get(url,{
          params:data
      }).then(data    =&gt;  {
          if(data.status == 200){
              response = data.data.data;
              callBackFunction(response);
          }
      }).catch(error  =&gt;  {
          if(error.response.status == 403){
              console.log(router);
              router.push({path: '/profile'});
          }
      });
  }
  </code></pre>
  
  <p>profile.vue</p>
  
  <pre><code>data() {
      return {
      errors: [],
      form: new Form({
      password: "",
      new_password: "",
      confirmed_password: ""
  }
  </code></pre>