Problems with using v-slot:button

[MarinAlieva]

Hello, I have a problem when I use v-slot:button.

this is how i use v-slot:button:

    <LazyYoutube
        ref="youtubeLazyVideo"
        :src="youtubeLink"
        max-width="720px"
        aspect-ratio="16:9"
        thumbnail-quality="standard"
        :loop=true
        :autoplay=false
    >

      <template v-slot:button>
        <button @click="handleClick('playVideo', 'youtubeLazyVideo')">Play</button>
      </template>
    </LazyYoutube>

My button plays a video when clicked, but at the same time two identical iframes are created, this causes some problems.

Adding this condition helped me: this.iframeEl === null
in the LazyYoutube.vue file in the handleClick() method

    handleClick() {
      this.clicked = true;
      if (this.fetchingInfo === false && !this.onceLoaded && this.isVideoFound) {
        if (this.iframeEl === null) {
          this.initiateIframe(this.autoplay, this.loop);
        }
      }
    },

But I don't know how correct this is. And I would not want to change the library code myself.

[seeratawan01]

Thank you @MarinAlieva for pointing it out, I will look into it