From 6e7bcdc87919b561cc34d89fb6b7b6e7fef07e6c Mon Sep 17 00:00:00 2001
From: Diogo Oliveira <diogo.mrol@gmail.com>
Date: Mon, 18 Mar 2024 16:08:15 +0100
Subject: [PATCH] feat: expose nonce option from @googlemaps/js-api-loader

---
 src/components/GoogleMap.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/GoogleMap.vue b/src/components/GoogleMap.vue
index 41063c4..727e996 100644
--- a/src/components/GoogleMap.vue
+++ b/src/components/GoogleMap.vue
@@ -224,6 +224,10 @@ export default defineComponent({
       type: String as PropType<IControlPosition>,
       required: false,
     },
+    nonce: {
+      type: String,
+      default: "",
+    },
   },
 
   emits: mapEvents,
@@ -289,8 +293,8 @@ export default defineComponent({
 
     const loadMapsAPI = () => {
       try {
-        const { apiKey, region, version, language, libraries } = props;
-        loaderInstance = new Loader({ apiKey, region, version, language, libraries: libraries as Library[] });
+        const { apiKey, region, version, language, libraries, nonce } = props;
+        loaderInstance = new Loader({ apiKey, region, version, language, libraries: libraries as Library[], nonce });
       } catch (err) {
         // Loader instantiated again with different options, which isn't allowed by js-api-loader
         console.error(err);
@@ -312,7 +316,7 @@ export default defineComponent({
       const otherPropsAsRefs = (Object.keys(props) as (keyof typeof props)[])
         .filter(
           (key) =>
-            !["apiPromise", "apiKey", "version", "libraries", "region", "language", "center", "zoom"].includes(key)
+            !["apiPromise", "apiKey", "version", "libraries", "region", "language", "center", "zoom", "nonce"].includes(key)
         )
         .map((key) => toRef(props, key));