@nuxt/scripts 1.0.0-beta.26 → 1.0.0-beta.28

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsAdvancedMarkerElement.d.vue.ts

@@ -2,54 +2,24 @@ export { ADVANCED_MARKER_ELEMENT_INJECTION_KEY } from './injectionKeys.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    position?: google.maps.LatLngLiteral | google.maps.LatLng;
     options?: Omit<google.maps.marker.AdvancedMarkerElementOptions, "map">;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    contextmenu: (payload: google.maps.MapMouseEvent) => any;
     click: (payload: google.maps.MapMouseEvent) => any;
-    dblclick: (payload: google.maps.MapMouseEvent) => any;
     drag: (payload: google.maps.MapMouseEvent) => any;
     dragend: (payload: google.maps.MapMouseEvent) => any;
     dragstart: (payload: google.maps.MapMouseEvent) => any;
-    mousedown: (payload: google.maps.MapMouseEvent) => any;
-    mouseout: (payload: google.maps.MapMouseEvent) => any;
-    mouseover: (payload: google.maps.MapMouseEvent) => any;
-    mouseup: (payload: google.maps.MapMouseEvent) => any;
-    animation_changed: () => any;
-    clickable_changed: () => any;
-    cursor_changed: () => any;
-    draggable_changed: () => any;
-    flat_changed: () => any;
-    icon_changed: () => any;
-    position_changed: () => any;
-    shape_changed: () => any;
-    title_changed: () => any;
-    visible_changed: () => any;
-    zindex_changed: () => any;
 }, string, import("vue").PublicProps, Readonly<{
+    position?: google.maps.LatLngLiteral | google.maps.LatLng;
     options?: Omit<google.maps.marker.AdvancedMarkerElementOptions, "map">;
 }> & Readonly<{
-    onContextmenu?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onClick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
-    onDblclick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDrag?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDragend?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDragstart?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
-    onMousedown?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
-    onMouseout?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
-    onMouseover?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
-    onMouseup?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
-    onAnimation_changed?: (() => any) | undefined;
-    onClickable_changed?: (() => any) | undefined;
-    onCursor_changed?: (() => any) | undefined;
-    onDraggable_changed?: (() => any) | undefined;
-    onFlat_changed?: (() => any) | undefined;
-    onIcon_changed?: (() => any) | undefined;
-    onPosition_changed?: (() => any) | undefined;
-    onShape_changed?: (() => any) | undefined;
-    onTitle_changed?: (() => any) | undefined;
-    onVisible_changed?: (() => any) | undefined;
-    onZindex_changed?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    content?: (props: {}) => any;
+} & {
     default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsAdvancedMarkerElement.vue

@@ -1,5 +1,6 @@
 <script>
-import { inject, provide, watch } from "vue";
+import { inject, provide, useSlots, useTemplateRef, watch } from "vue";
+import { bindGoogleMapsEvents } from "./bindGoogleMapsEvents";
 import { ADVANCED_MARKER_ELEMENT_INJECTION_KEY } from "./injectionKeys";
 import { MARKER_CLUSTERER_INJECTION_KEY } from "./ScriptGoogleMapsMarkerClusterer.vue";
 import { useGoogleMapsResource } from "./useGoogleMapsResource";
@@ -8,42 +9,38 @@ export { ADVANCED_MARKER_ELEMENT_INJECTION_KEY } from "./injectionKeys";
 
 <script setup>
 const props = defineProps({
+  position: { type: null, required: false },
   options: { type: Object, required: false }
 });
 const emit = defineEmits([]);
-const eventsWithoutPayload = [
-  "animation_changed",
-  "clickable_changed",
-  "cursor_changed",
-  "draggable_changed",
-  "flat_changed",
-  "icon_changed",
-  "position_changed",
-  "shape_changed",
-  "title_changed",
-  "visible_changed",
-  "zindex_changed"
-];
+const eventsWithoutPayload = [];
 const eventsWithMapMouseEventPayload = [
   "click",
-  "contextmenu",
-  "dblclick",
   "drag",
   "dragend",
-  "dragstart",
-  "mousedown",
-  "mouseout",
-  "mouseover",
-  "mouseup"
+  "dragstart"
 ];
+const slots = useSlots();
+const markerContent = useTemplateRef("marker-content");
 const markerClustererContext = inject(MARKER_CLUSTERER_INJECTION_KEY, void 0);
 const advancedMarkerElement = useGoogleMapsResource({
+  ready: () => !slots.content || !!markerContent.value,
   async create({ mapsApi, map }) {
     await mapsApi.importLibrary("marker");
-    const marker = new mapsApi.marker.AdvancedMarkerElement(props.options);
-    setupEventListeners(marker);
+    const marker = new mapsApi.marker.AdvancedMarkerElement({
+      ...props.options,
+      ...props.position ? { position: props.position } : {}
+    });
+    if (markerContent.value) {
+      marker.content = markerContent.value;
+    }
+    bindGoogleMapsEvents(marker, emit, {
+      noPayload: eventsWithoutPayload,
+      withPayload: eventsWithMapMouseEventPayload
+    });
     if (markerClustererContext?.markerClusterer.value) {
-      markerClustererContext.markerClusterer.value.addMarker(marker);
+      markerClustererContext.markerClusterer.value.addMarker(marker, true);
+      markerClustererContext.requestRerender();
     } else {
       marker.map = map;
     }
@@ -52,28 +49,34 @@ const advancedMarkerElement = useGoogleMapsResource({
   cleanup(marker, { mapsApi }) {
     mapsApi.event.clearInstanceListeners(marker);
     if (markerClustererContext?.markerClusterer.value) {
-      markerClustererContext.markerClusterer.value.removeMarker(marker);
+      markerClustererContext.markerClusterer.value.removeMarker(marker, true);
+      markerClustererContext.requestRerender();
     } else {
       marker.map = null;
     }
   }
 });
-watch(() => props.options, (options) => {
-  if (advancedMarkerElement.value && options) {
-    Object.assign(advancedMarkerElement.value, options);
-  }
-}, { deep: true });
+watch(
+  () => [props.position?.lat, props.position?.lng, props.position, props.options],
+  () => {
+    if (!advancedMarkerElement.value)
+      return;
+    if (props.options)
+      Object.assign(advancedMarkerElement.value, props.options);
+    advancedMarkerElement.value.position = props.position ?? props.options?.position;
+  },
+  { deep: true }
+);
 provide(ADVANCED_MARKER_ELEMENT_INJECTION_KEY, { advancedMarkerElement });
-function setupEventListeners(marker) {
-  eventsWithoutPayload.forEach((event) => {
-    marker.addListener(event, () => emit(event));
-  });
-  eventsWithMapMouseEventPayload.forEach((event) => {
-    marker.addListener(event, (payload) => emit(event, payload));
-  });
-}
 </script>
 
 <template>
+  <!-- Hidden container for #content slot — becomes the marker visual -->
+  <div v-if="$slots.content" style="display: none;">
+    <div ref="marker-content">
+      <slot name="content" />
+    </div>
+  </div>
+  <!-- Default slot for child components (InfoWindow, OverlayView, etc.) -->
   <slot v-if="advancedMarkerElement" />
 </template>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsAdvancedMarkerElement.vue.d.ts

@@ -2,54 +2,24 @@ export { ADVANCED_MARKER_ELEMENT_INJECTION_KEY } from './injectionKeys.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    position?: google.maps.LatLngLiteral | google.maps.LatLng;
     options?: Omit<google.maps.marker.AdvancedMarkerElementOptions, "map">;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    contextmenu: (payload: google.maps.MapMouseEvent) => any;
     click: (payload: google.maps.MapMouseEvent) => any;
-    dblclick: (payload: google.maps.MapMouseEvent) => any;
     drag: (payload: google.maps.MapMouseEvent) => any;
     dragend: (payload: google.maps.MapMouseEvent) => any;
     dragstart: (payload: google.maps.MapMouseEvent) => any;
-    mousedown: (payload: google.maps.MapMouseEvent) => any;
-    mouseout: (payload: google.maps.MapMouseEvent) => any;
-    mouseover: (payload: google.maps.MapMouseEvent) => any;
-    mouseup: (payload: google.maps.MapMouseEvent) => any;
-    animation_changed: () => any;
-    clickable_changed: () => any;
-    cursor_changed: () => any;
-    draggable_changed: () => any;
-    flat_changed: () => any;
-    icon_changed: () => any;
-    position_changed: () => any;
-    shape_changed: () => any;
-    title_changed: () => any;
-    visible_changed: () => any;
-    zindex_changed: () => any;
 }, string, import("vue").PublicProps, Readonly<{
+    position?: google.maps.LatLngLiteral | google.maps.LatLng;
     options?: Omit<google.maps.marker.AdvancedMarkerElementOptions, "map">;
 }> & Readonly<{
-    onContextmenu?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onClick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
-    onDblclick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDrag?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDragend?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDragstart?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
-    onMousedown?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
-    onMouseout?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
-    onMouseover?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
-    onMouseup?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
-    onAnimation_changed?: (() => any) | undefined;
-    onClickable_changed?: (() => any) | undefined;
-    onCursor_changed?: (() => any) | undefined;
-    onDraggable_changed?: (() => any) | undefined;
-    onFlat_changed?: (() => any) | undefined;
-    onIcon_changed?: (() => any) | undefined;
-    onPosition_changed?: (() => any) | undefined;
-    onShape_changed?: (() => any) | undefined;
-    onTitle_changed?: (() => any) | undefined;
-    onVisible_changed?: (() => any) | undefined;
-    onZindex_changed?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    content?: (props: {}) => any;
+} & {
     default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsCircle.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { watch } from "vue";
+import { bindGoogleMapsEvents } from "./bindGoogleMapsEvents";
 import { useGoogleMapsResource } from "./useGoogleMapsResource";
 const props = defineProps({
   options: { type: Object, required: false }
@@ -25,7 +26,10 @@ const eventsWithMapMouseEventPayload = [
 const circle = useGoogleMapsResource({
   create({ mapsApi, map }) {
     const c = new mapsApi.Circle({ map, ...props.options });
-    setupEventListeners(c);
+    bindGoogleMapsEvents(c, emit, {
+      noPayload: eventsWithoutPayload,
+      withPayload: eventsWithMapMouseEventPayload
+    });
     return c;
   },
   cleanup(c, { mapsApi }) {
@@ -38,14 +42,6 @@ watch(() => props.options, (options) => {
     circle.value.setOptions(options);
   }
 }, { deep: true });
-function setupEventListeners(c) {
-  eventsWithoutPayload.forEach((event) => {
-    c.addListener(event, () => emit(event));
-  });
-  eventsWithMapMouseEventPayload.forEach((event) => {
-    c.addListener(event, (payload) => emit(event, payload));
-  });
-}
 </script>
 
 <template>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsGeoJson.d.vue.ts

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    src: string | object;
+    style?: google.maps.Data.StylingFunction | google.maps.Data.StyleOptions;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    contextmenu: (payload: google.maps.Data.MouseEvent) => any;
+    click: (payload: google.maps.Data.MouseEvent) => any;
+    dblclick: (payload: google.maps.Data.MouseEvent) => any;
+    mousedown: (payload: google.maps.Data.MouseEvent) => any;
+    mousemove: (payload: google.maps.Data.MouseEvent) => any;
+    mouseout: (payload: google.maps.Data.MouseEvent) => any;
+    mouseover: (payload: google.maps.Data.MouseEvent) => any;
+    mouseup: (payload: google.maps.Data.MouseEvent) => any;
+    addfeature: (payload: google.maps.Data.AddFeatureEvent) => any;
+    removefeature: (payload: google.maps.Data.RemoveFeatureEvent) => any;
+    setgeometry: (payload: google.maps.Data.SetGeometryEvent) => any;
+    setproperty: (payload: google.maps.Data.SetPropertyEvent) => any;
+    removeproperty: (payload: google.maps.Data.RemovePropertyEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onContextmenu?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onClick?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onDblclick?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMousedown?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMousemove?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMouseout?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMouseover?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMouseup?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onAddfeature?: ((payload: google.maps.Data.AddFeatureEvent) => any) | undefined;
+    onRemovefeature?: ((payload: google.maps.Data.RemoveFeatureEvent) => any) | undefined;
+    onSetgeometry?: ((payload: google.maps.Data.SetGeometryEvent) => any) | undefined;
+    onSetproperty?: ((payload: google.maps.Data.SetPropertyEvent) => any) | undefined;
+    onRemoveproperty?: ((payload: google.maps.Data.RemovePropertyEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsGeoJson.vue

@@ -0,0 +1,68 @@
+<script setup>
+import { watch } from "vue";
+import { useGoogleMapsResource } from "./useGoogleMapsResource";
+const props = defineProps({
+  src: { type: [String, Object], required: true },
+  style: { type: null, required: false }
+});
+const emit = defineEmits(["addfeature", "removefeature", "setgeometry", "setproperty", "removeproperty"]);
+const dataEvents = [
+  "click",
+  "contextmenu",
+  "dblclick",
+  "mousedown",
+  "mousemove",
+  "mouseout",
+  "mouseover",
+  "mouseup"
+];
+const featureEvents = [
+  "addfeature",
+  "removefeature",
+  "setgeometry",
+  "setproperty",
+  "removeproperty"
+];
+function loadGeoJson(src, layer) {
+  if (typeof src === "string")
+    layer.loadGeoJson(src);
+  else
+    layer.addGeoJson(src);
+}
+const dataLayer = useGoogleMapsResource({
+  create({ mapsApi, map }) {
+    const layer = new mapsApi.Data({ map });
+    if (props.style)
+      layer.setStyle(props.style);
+    loadGeoJson(props.src, layer);
+    setupEventListeners(layer);
+    return layer;
+  },
+  cleanup(layer, { mapsApi }) {
+    mapsApi.event.clearInstanceListeners(layer);
+    layer.setMap(null);
+  }
+});
+watch(() => props.src, (src) => {
+  if (!dataLayer.value)
+    return;
+  dataLayer.value.forEach((feature) => dataLayer.value.remove(feature));
+  loadGeoJson(src, dataLayer.value);
+});
+watch(() => props.style, (style) => {
+  if (dataLayer.value)
+    dataLayer.value.setStyle(style ?? {});
+}, { deep: true });
+function setupEventListeners(layer) {
+  dataEvents.forEach((event) => {
+    layer.addListener(event, (payload) => emit(event, payload));
+  });
+  featureEvents.forEach((event) => {
+    layer.addListener(event, (payload) => emit(event, payload));
+  });
+}
+</script>
+
+<template>
+
+</template>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsGeoJson.vue.d.ts

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    src: string | object;
+    style?: google.maps.Data.StylingFunction | google.maps.Data.StyleOptions;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    contextmenu: (payload: google.maps.Data.MouseEvent) => any;
+    click: (payload: google.maps.Data.MouseEvent) => any;
+    dblclick: (payload: google.maps.Data.MouseEvent) => any;
+    mousedown: (payload: google.maps.Data.MouseEvent) => any;
+    mousemove: (payload: google.maps.Data.MouseEvent) => any;
+    mouseout: (payload: google.maps.Data.MouseEvent) => any;
+    mouseover: (payload: google.maps.Data.MouseEvent) => any;
+    mouseup: (payload: google.maps.Data.MouseEvent) => any;
+    addfeature: (payload: google.maps.Data.AddFeatureEvent) => any;
+    removefeature: (payload: google.maps.Data.RemoveFeatureEvent) => any;
+    setgeometry: (payload: google.maps.Data.SetGeometryEvent) => any;
+    setproperty: (payload: google.maps.Data.SetPropertyEvent) => any;
+    removeproperty: (payload: google.maps.Data.RemovePropertyEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onContextmenu?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onClick?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onDblclick?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMousedown?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMousemove?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMouseout?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMouseover?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMouseup?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onAddfeature?: ((payload: google.maps.Data.AddFeatureEvent) => any) | undefined;
+    onRemovefeature?: ((payload: google.maps.Data.RemoveFeatureEvent) => any) | undefined;
+    onSetgeometry?: ((payload: google.maps.Data.SetGeometryEvent) => any) | undefined;
+    onSetproperty?: ((payload: google.maps.Data.SetPropertyEvent) => any) | undefined;
+    onRemoveproperty?: ((payload: google.maps.Data.RemovePropertyEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsInfoWindow.d.vue.ts

@@ -8,23 +8,23 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: () => any;
     visible: () => any;
-    position_changed: () => any;
-    zindex_changed: () => any;
     closeclick: () => any;
     content_changed: () => any;
     domready: () => any;
     headercontent_changed: () => any;
     headerdisabled_changed: () => any;
+    position_changed: () => any;
+    zindex_changed: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
     onVisible?: (() => any) | undefined;
-    onPosition_changed?: (() => any) | undefined;
-    onZindex_changed?: (() => any) | undefined;
     onCloseclick?: (() => any) | undefined;
     onContent_changed?: (() => any) | undefined;
     onDomready?: (() => any) | undefined;
     onHeadercontent_changed?: (() => any) | undefined;
     onHeaderdisabled_changed?: (() => any) | undefined;
+    onPosition_changed?: (() => any) | undefined;
+    onZindex_changed?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsInfoWindow.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { inject, useTemplateRef, watch } from "vue";
+import { bindGoogleMapsEvents } from "./bindGoogleMapsEvents";
 import { ADVANCED_MARKER_ELEMENT_INJECTION_KEY, MARKER_INJECTION_KEY } from "./injectionKeys";
 import { useGoogleMapsResource } from "./useGoogleMapsResource";
 const props = defineProps({
@@ -28,7 +29,7 @@ const infoWindow = useGoogleMapsResource({
       content: infoWindowContainer.value,
       ...props.options
     });
-    setupEventListeners(iw);
+    bindGoogleMapsEvents(iw, emit, { noPayload: infoWindowEvents });
     if (markerContext?.marker.value) {
       markerClickListener = markerContext.marker.value.addListener("click", () => {
         iw.open({
@@ -61,11 +62,6 @@ watch(() => props.options, (options) => {
     infoWindow.value.setOptions(options);
   }
 }, { deep: true });
-function setupEventListeners(iw) {
-  infoWindowEvents.forEach((event) => {
-    iw.addListener(event, () => emit(event));
-  });
-}
 </script>
 
 <template>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsInfoWindow.vue.d.ts

@@ -8,23 +8,23 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: () => any;
     visible: () => any;
-    position_changed: () => any;
-    zindex_changed: () => any;
     closeclick: () => any;
     content_changed: () => any;
     domready: () => any;
     headercontent_changed: () => any;
     headerdisabled_changed: () => any;
+    position_changed: () => any;
+    zindex_changed: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
     onVisible?: (() => any) | undefined;
-    onPosition_changed?: (() => any) | undefined;
-    onZindex_changed?: (() => any) | undefined;
     onCloseclick?: (() => any) | undefined;
     onContent_changed?: (() => any) | undefined;
     onDomready?: (() => any) | undefined;
     onHeadercontent_changed?: (() => any) | undefined;
     onHeaderdisabled_changed?: (() => any) | undefined;
+    onPosition_changed?: (() => any) | undefined;
+    onZindex_changed?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsMarker.d.vue.ts

@@ -2,6 +2,7 @@ export { MARKER_INJECTION_KEY } from './injectionKeys.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    position?: google.maps.LatLngLiteral | google.maps.LatLng;
     options?: Omit<google.maps.MarkerOptions, "map">;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     contextmenu: (payload: google.maps.MapMouseEvent) => any;
@@ -14,18 +15,19 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     mouseout: (payload: google.maps.MapMouseEvent) => any;
     mouseover: (payload: google.maps.MapMouseEvent) => any;
     mouseup: (payload: google.maps.MapMouseEvent) => any;
+    position_changed: () => any;
+    zindex_changed: () => any;
     animation_changed: () => any;
     clickable_changed: () => any;
     cursor_changed: () => any;
     draggable_changed: () => any;
     flat_changed: () => any;
     icon_changed: () => any;
-    position_changed: () => any;
     shape_changed: () => any;
     title_changed: () => any;
     visible_changed: () => any;
-    zindex_changed: () => any;
 }, string, import("vue").PublicProps, Readonly<{
+    position?: google.maps.LatLngLiteral | google.maps.LatLng;
     options?: Omit<google.maps.MarkerOptions, "map">;
 }> & Readonly<{
     onContextmenu?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
@@ -38,17 +40,17 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     onMouseout?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onMouseover?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onMouseup?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
+    onPosition_changed?: (() => any) | undefined;
+    onZindex_changed?: (() => any) | undefined;
     onAnimation_changed?: (() => any) | undefined;
     onClickable_changed?: (() => any) | undefined;
     onCursor_changed?: (() => any) | undefined;
     onDraggable_changed?: (() => any) | undefined;
     onFlat_changed?: (() => any) | undefined;
     onIcon_changed?: (() => any) | undefined;
-    onPosition_changed?: (() => any) | undefined;
     onShape_changed?: (() => any) | undefined;
     onTitle_changed?: (() => any) | undefined;
     onVisible_changed?: (() => any) | undefined;
-    onZindex_changed?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsMarker.vue

@@ -1,5 +1,6 @@
 <script>
 import { inject, provide, watch } from "vue";
+import { bindGoogleMapsEvents } from "./bindGoogleMapsEvents";
 import { MARKER_INJECTION_KEY } from "./injectionKeys";
 import { MARKER_CLUSTERER_INJECTION_KEY } from "./ScriptGoogleMapsMarkerClusterer.vue";
 import { useGoogleMapsResource } from "./useGoogleMapsResource";
@@ -8,9 +9,13 @@ export { MARKER_INJECTION_KEY } from "./injectionKeys";
 
 <script setup>
 const props = defineProps({
+  position: { type: null, required: false },
   options: { type: Object, required: false }
 });
 const emit = defineEmits([]);
+if (import.meta.dev) {
+  console.warn("[nuxt-scripts] ScriptGoogleMapsMarker uses the deprecated google.maps.Marker class. Use ScriptGoogleMapsAdvancedMarkerElement instead.");
+}
 const eventsWithoutPayload = [
   "animation_changed",
   "clickable_changed",
@@ -39,8 +44,14 @@ const eventsWithMapMouseEventPayload = [
 const markerClustererContext = inject(MARKER_CLUSTERER_INJECTION_KEY, void 0);
 const marker = useGoogleMapsResource({
   create({ mapsApi, map }) {
-    const m = new mapsApi.Marker(props.options);
-    setupEventListeners(m);
+    const m = new mapsApi.Marker({
+      ...props.options,
+      ...props.position ? { position: props.position } : {}
+    });
+    bindGoogleMapsEvents(m, emit, {
+      noPayload: eventsWithoutPayload,
+      withPayload: eventsWithMapMouseEventPayload
+    });
     if (markerClustererContext?.markerClusterer.value) {
       markerClustererContext.markerClusterer.value.addMarker(m, true);
       markerClustererContext.requestRerender();
@@ -59,20 +70,17 @@ const marker = useGoogleMapsResource({
     }
   }
 });
+watch(() => props.position, (position) => {
+  if (marker.value && position) {
+    marker.value.setPosition(position);
+  }
+});
 watch(() => props.options, (options) => {
   if (marker.value && options) {
     marker.value.setOptions(options);
   }
 }, { deep: true });
 provide(MARKER_INJECTION_KEY, { marker });
-function setupEventListeners(m) {
-  eventsWithoutPayload.forEach((event) => {
-    m.addListener(event, () => emit(event));
-  });
-  eventsWithMapMouseEventPayload.forEach((event) => {
-    m.addListener(event, (payload) => emit(event, payload));
-  });
-}
 </script>
 
 <template>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsMarker.vue.d.ts

@@ -2,6 +2,7 @@ export { MARKER_INJECTION_KEY } from './injectionKeys.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    position?: google.maps.LatLngLiteral | google.maps.LatLng;
     options?: Omit<google.maps.MarkerOptions, "map">;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     contextmenu: (payload: google.maps.MapMouseEvent) => any;
@@ -14,18 +15,19 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     mouseout: (payload: google.maps.MapMouseEvent) => any;
     mouseover: (payload: google.maps.MapMouseEvent) => any;
     mouseup: (payload: google.maps.MapMouseEvent) => any;
+    position_changed: () => any;
+    zindex_changed: () => any;
     animation_changed: () => any;
     clickable_changed: () => any;
     cursor_changed: () => any;
     draggable_changed: () => any;
     flat_changed: () => any;
     icon_changed: () => any;
-    position_changed: () => any;
     shape_changed: () => any;
     title_changed: () => any;
     visible_changed: () => any;
-    zindex_changed: () => any;
 }, string, import("vue").PublicProps, Readonly<{
+    position?: google.maps.LatLngLiteral | google.maps.LatLng;
     options?: Omit<google.maps.MarkerOptions, "map">;
 }> & Readonly<{
     onContextmenu?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
@@ -38,17 +40,17 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     onMouseout?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onMouseover?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onMouseup?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
+    onPosition_changed?: (() => any) | undefined;
+    onZindex_changed?: (() => any) | undefined;
     onAnimation_changed?: (() => any) | undefined;
     onClickable_changed?: (() => any) | undefined;
     onCursor_changed?: (() => any) | undefined;
     onDraggable_changed?: (() => any) | undefined;
     onFlat_changed?: (() => any) | undefined;
     onIcon_changed?: (() => any) | undefined;
-    onPosition_changed?: (() => any) | undefined;
     onShape_changed?: (() => any) | undefined;
     onTitle_changed?: (() => any) | undefined;
     onVisible_changed?: (() => any) | undefined;
-    onZindex_changed?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;