fix: expose custom marker

inocan-group · Jun 19, 2023 · 68f5a3e · 68f5a3e
1 parent d21dfba
commit 68f5a3e
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/components/CustomMarker.vue b/src/components/CustomMarker.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType, ref, computed, Comment, onMounted } from "vue";
+import { defineComponent, PropType, ref, computed, Comment } from "vue";
 import { customMarkerClassSymbol } from "../shared/index";
 import { useSetupMapComponent } from "../composables/index";
 
@@ -21,17 +21,18 @@ export default defineComponent({
     },
   },
 
-  setup(props, { slots, emit }) {
+  setup(props, { slots, emit, expose }) {
     const customMarkerRef = ref<HTMLElement>();
-    let customMarker = ref<InstanceType<typeof google.maps.CustomMarker>>();
     const hasSlotContent = computed(() => slots.default?.().some((vnode) => vnode.type !== Comment));
     const options = computed(() => ({
       ...props.options,
       element: customMarkerRef.value,
     }));
 
-    onMounted(() => {
-      customMarker = useSetupMapComponent(customMarkerClassSymbol, [], options, emit);
+    const customMarker = useSetupMapComponent(customMarkerClassSymbol, [], options, emit);
+
+    expose({
+      customMarker,
     });
 
     return { customMarkerRef, customMarker, hasSlotContent };