title: Property or method is not defined on the instance but referenced during render
body: <p>I am working on laravel + spark + vuejs. I am trying to make new module and following is code.</p>
  
  <p><strong>routes/web.php</strong></p>
  
  <pre><code>Route::get('/emergency-template-plan', 'EmergencyPlanTemplateController@emergencyTemplatePlan');
  </code></pre>
  
  <p><strong>Vue js:</strong> resources/assets/js/app.js</p>
  
  <pre><code>require('spark-bootstrap');
  require('./components/bootstrap');
  
  Vue.component('spark-emergency', { 
  data() {
      return {
          all_emergencies:[]
      };
  },
  created() {
      this.getEmergencies();
  },
  methods: {
      getEmergencies() {
          this.$http.get('/emergency-template-plan')
              .then(response =&gt; {
                  this.all_emergencies = response.data;
              });
      }
  }
  });
  
  var app = new Vue({
   mixins: [require('spark')]
  });
  </code></pre>
  
  <p><strong>Controller:</strong> app/Http/Controllers/EmergencyPlanTemplateController.php</p>
  
  <pre><code>public function emergencyTemplatePlan(){
    $data = EmergencyPlanTemplate::all();
  
     return view('spark::emergency-template-plan', ['emergencies'=&gt;$data]);
  }
  </code></pre>
  
  <p>View: resources/views/vendor/spark/emergency-template-plan.blade.php</p>
  
  <pre><code>@extends('spark::layouts.app')
  @section('content')
  &lt;spark-emergency :all_emergencies="all_emergencies" inline-template&gt;    
  &lt;tr v-for="emergency in all_emergencies"&gt;
      &lt;td&gt;
          &lt;div class="btn-table-align"&gt;
              @{{ emergency.type }}
          &lt;/div&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/spark-emergency&gt;
  @endsection
  </code></pre>
  
  <p>I am getting following error</p>
  
  <p>Vue warn]: Property or method "all_emergencies" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option (found in root instance)</p>