как привязать компонент к основную файлу? чтобы при нажатии на кнопку появлялась всплывающее окно

 <button class="nikeOne" @click="openShoesOne">
      <img src="./assets/nike11.webp" alt="nike11" class="nike11">
      <h1 class="nameNike11">Кеды Nike Air Max</h1>
      <p class="price11">24.499р</p>
</button>

// вот кнопка, к которой надо привязать компонент со всплывающем окном