Full-Stack Vue.js 2 and Laravel 5

.list .title { flex: 1 1 25%; }
.list .content { flex: 1 1 75%; display: flex; flex-wrap: wrap; }
.list .list-item { flex: 0 0 50%; margin-bottom: 16px; }
.list .list-item > i { width: 35px; }
@media (max-width: 743px) { .list .title { flex: 1 1 33%; }
.list .content { flex: 1 1 67%; }
.list .list-item { flex: 0 0 100%; } }
Go ahead and import FeatureList into resources/assets/js/app.js, and add it to the
locally registered components. Now we can use FeatureList in our main template,
with a separate instance for each list.
resources/views/app.blade.php: ...
...
@{{ amenity.title }} @{{ price.title }}:
@{{ price.value }}