filter company list to only show importer and link the company to the customer profile

resources/assets/vue/components/companies/elements/CompanyListComponent.vue

@@ -8,7 +8,9 @@
                 <div class="font-heading all-caps fs-11">{{this.item.bookings.length}}</div>
             </div>
             <div class="col-2 text-right pull-right">
-               <button type="button" @click="viewCompany()" class="btn btn-xs btn-primary fs-11">View</button>
+                <a :href="route('customer.profile', item.id)">
+                    <button type="button" class="btn btn-xs btn-primary fs-11">View</button>
+                </a>
             </div>
         </div>
     </div>

resources/assets/vue/components/companies/sections/CompanyQuickViewSectionComponent.vue

@@ -14,7 +14,7 @@
                     </div>
 
             </div>
-            <list-component  key="2" :section="this.section" :endpoint="route('api.company.list')" :options="{per_page: 25,with_bookings:true}">
+            <list-component  key="2" :section="this.section" :endpoint="route('api.company.list')" :options="{'business_type': 2, with_bookings:true}">
                 <template slot="list" slot-scope="{data}">
                     <company-list-component :data="data"></company-list-component>
                 </template>

routes/web.php

@@ -34,9 +34,9 @@ Route::get('/settings', function () {
     return view('pages.settings');
 })->name('settings');
 
-Route::get('/customers/{id}', function ($id) {
+Route::get('/customer/{id}', function ($id) {
     return view('pages.customers', ['id' => $id]);
-})->name('customers');
+})->name('customer.profile');
 
 Route::get('/booking/complete', function () {
     return view('pages.booking_complete');