From 4ecd1672658a6f5abc2197d9f7b6220348319c69 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 30 Oct 2025 17:24:24 +0000
Subject: [PATCH 1/2] Initial plan


From 30d9541006d9c3af50c20a07b0ec77338ad8db43 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 30 Oct 2025 17:35:09 +0000
Subject: [PATCH 2/2] Fix MarkerClusterer import error with dynamic import

Co-authored-by: harlan-zw <5326365+harlan-zw@users.noreply.github.com>
---
 .../GoogleMaps/ScriptGoogleMapsMarkerClusterer.vue           | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/GoogleMaps/ScriptGoogleMapsMarkerClusterer.vue b/src/runtime/components/GoogleMaps/ScriptGoogleMapsMarkerClusterer.vue
index dee9c20b..d4725bb0 100644
--- a/src/runtime/components/GoogleMaps/ScriptGoogleMapsMarkerClusterer.vue
+++ b/src/runtime/components/GoogleMaps/ScriptGoogleMapsMarkerClusterer.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts">
-import { MarkerClusterer, type MarkerClustererOptions } from '@googlemaps/markerclusterer'
+import type { MarkerClusterer, MarkerClustererOptions } from '@googlemaps/markerclusterer'
 import { inject, onUnmounted, provide, shallowRef, type InjectionKey, type ShallowRef } from 'vue'
 import { whenever } from '@vueuse/core'
 import { MAP_INJECTION_KEY } from './ScriptGoogleMaps.vue'
@@ -33,7 +33,8 @@ const mapContext = inject(MAP_INJECTION_KEY, undefined)
 
 const markerClusterer = shallowRef<MarkerClusterer | undefined>(undefined)
 
-whenever(() => mapContext?.map.value, (map) => {
+whenever(() => mapContext?.map.value, async (map) => {
+  const { MarkerClusterer } = await import('@googlemaps/markerclusterer')
   markerClusterer.value = new MarkerClusterer({
     map,
     ...props.options,