Odtnhj

I'm trying to build up a datatable really quick and easy, but it doesn't work..

I'm using Vuetify and Laravel.

I've build a LocationController:

public function index()

 //
 $locations = AppLocation::all();
 $locations->toJson();
 return view('locations.index', [
 'locations' => $locations
]);

and in my Blade-file I want to fetch this data:

@section('content')
<div class="container">
 <div class="row justify-content-center">
 <div class="col-md-8">
 <div class="card">
 <div class="card-header">Locations</div>
 <datatable :laravel=' $locations '></datatable>
 <div class="card-body">

 </div>
 </div>
 </div>
 </div>
</div>
@endsection

Then in my Datatable.vue component I want to spit it out:

<template>
 <v-data-table
 :headers="headers"
 :items = "locations"
 :laravel = "laravel"
 class="elevation-1"
 >
 <template slot="items" slot-scope="props">
 <td> props.item.name </td>
 <td class="text-xs-right"> props.item.city </td>
 </template>
 </v-data-table>
</template>

<script>
 export default 
 data () 
 return 
 headers: [
 
 text: 'Name',
 align: 'left',
 sortable: false,
 value: 'name'
 ,
 text: 'City', value: 'city' ,
 ],

 locations: ,
 laravel: , 

 mounted()
 
 console.log(datatable);
 console.log(this.locations);
 ,
 
 
 
</script>

migration of locations_table

 public function up()

 Schema::create('locations', function (Blueprint $table) 
 $table->increments('location_id');
 $table->string('name');
 $table->string('postal_code');
 $table->string('address');
 $table->string('house_number');
 $table->string('city');
 $table->string('phone');
 $table->string('mobile');
 $table->string('email');
 $table->string('website')->nullable();
 $table->timestamps();
 );

I can't find out how to address my data into this vuetify datatable. Can any-one help me with this?