import { watch } from "vue-demi";
import { toLngLats } from "../../../utils";
import { Props } from "./";

export function useWatch({ props, instance }: { props: Props; instance: T.CloudMarkerCollection }) {
  watch(
    () => props.lnglats,
    val => val && instance.setLnglats(toLngLats(val))
  );
  watch(
    () => props,
    val => instance.setStyles(val)
  );
}