Working on google maps implementation

app/Http/Controllers/ClientController.php

@@ -136,7 +136,10 @@ class ClientController extends Controller
 
        $data = [
             'client' => $client,
-            'company' => auth()->user()->company()
+            'company' => auth()->user()->company(),
+            'meta' => [
+                'google_maps_api_key' => config('ninja.google_maps_api_key')
+            ]
         ];
 
         return view('client.show', $data);

package.json

@@ -36,6 +36,7 @@
         "vuetable-2": "^1.7.5"
     },
     "dependencies": {
+        "@pderas/vue2-geocoder": "^1.0.2",
         "@types/lodash": "^4.14.118",
         "@types/node": "^10.12.10",
         "axios-progress-bar": "^1.2.0",

public/js/client_show.js

@@ -3631,8 +3631,9 @@ exports.clearImmediate = (typeof self !== "undefined" && self.clearImmediate) ||
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
+//import Vue from "vue"
 exports.default = {
-    props: ['client', 'company']
+    props: ['client', 'company', 'meta'],
 };
 
 

public/js/client_show.min.js

@@ -3631,8 +3631,9 @@ exports.clearImmediate = (typeof self !== "undefined" && self.clearImmediate) ||
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
+//import Vue from "vue"
 exports.default = {
-    props: ['client', 'company']
+    props: ['client', 'company', 'meta'],
 };
 
 

resources/js/src/components/client/ClientShow.vue

@@ -111,8 +111,13 @@
 
 <script lang="ts">
 
+import Geocoder from "@pderas/vue2-geocoder";
+//import Vue from "vue"
+
+
 export default {
-    props: ['client', 'company']
+    props: ['client', 'company', 'meta'],
+
 }
 
 </script>

resources/views/client/show.blade.php

@@ -11,7 +11,7 @@
     <div class="container-fluid">
 
 
-            <client-show :client="{{ $client }}" :company="{{ $company }}"></client-show>
+            <client-show :client="{{ $client }}" :company="{{ $company }}" :meta="{{ $meta }}"></client-show>