Full-Stack Vue.js 2 and Laravel 5

Refactoring
Before we inject the initial state into the home page, let's do a small refactoring
of the code including renaming some variables and restructuring some methods.
This will ensure that the code semantics reflect the changing requirements and
keep our code readable and easy to understand.
Firstly, let's rename our template variable from $model to the more general $data.
resources/views/app.blade.php:
window.vuebnb_server_data = "{!! addslashes(json_encode($data)) !!}"
In our listing controller, we're now going to abstract any common logic from our
listing route methods into a new helper method called get_listing. In this helper
method, we will nest the Listing model inside a Laravel Collection under the
listing key. Collection is an array-like wrapper for Eloquent models that offers a
bunch of handy methods that we'll be putting to use shortly. get_listing will
include logic from the add_image_urls helper method, which can now safely be
deleted.
We'll also need to reflect the change to our template variable when we call the
view method.
app/Http/Controllers/ListingController.php: private function get_listing($listing) {
$model = $listing->toArray(); for($i = 1; $i id . '/Image_' . $i . '.jpg'
); } return collect(['listing' => $model]); } public function get_listing_api(Listing
$listing) { $data = $this->get_listing($listing); return response()->json($data); }
public function get_listing_web(Listing $listing) { $data = $this-
>get_listing($listing); return view('app', ['data' => $data]); }
public function get_home_web()
{
return view('app', ['data' => []]);