const player = ref(null);

onLoaded(async ({ YT }) => {
  // we need to wait for the internal YouTube APIs to be ready
  const YouTube = await YT;
  await new Promise<void>((resolve) => {
    if (typeof YT.Player === "undefined") YouTube.ready(resolve);
    else resolve();
  });
  // load the API
  player.value = new YT.Player(video.value, {
    videoId: props.videoId,
  });
});

const player = ref(null);

onLoaded(async ({ YT }) => {
  // we need to wait for the internal YouTube APIs to be ready
  const YouTube = await YT;
  await new Promise<void>((resolve) => {
    if (typeof YT.Player === "undefined") YouTube.ready(resolve);
    else resolve();
  });
  // load the API
  player.value = new YT.Player(video.value, {
    videoId: props.videoId,
  });
});