<div class="product__wrapper">

  <img :src="

                    apiDomain +

                    '/web/uploads/products/' +

                    product.productPhoto[0]

                  " class="image" />

  <div class="article col">

    <div class="label">Артикул</div>

    <div class="value">{{ product.id }}</div>

  </div>

  <div class="naming col">

    <div class="label">test 2</div>

    <div class="value">{{ product.name }}</div>

  </div>

  <div class="cashback col">

    <div class="label designer">test 3</div>

    <div class="designer_cashback">

      + 1 846

    </div>

  </div>

  <div class="quantity col">

    <div class="label">Количество</div>

    <div class="quantity--calc">

      <div class="quantity__btn" @click="decrement">

        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">

          <path d="M2.9165 7H11.0832" stroke="#111111" stroke-linecap="round" stroke-linejoin="round" />

        </svg>

      </div>

      <div class="quantity__value">2{{ quantity }}</div>

      <div class="quantity__btn" @click="increment">

        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">

          <path d="M2.9165 6.99935H11.0832M6.99984 2.91602V11.0827" stroke="#111111" stroke-width="0.82" stroke-linecap="round" stroke-linejoin="round" />

        </svg>

      </div>

    </div>

  </div>

  <div class="price col">

    <div class="label">Стоимость</div>

    <div class="value">{{ product.price }}</div>

     <div class="value">{{ product.price }}</div>

      <div class="value">{{ product.price }}</div>

  </div>

  <div class="links-product">

    <a @click="openSpace(product.id)" class="open-space-tab">

      <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">

        <path d="M17.5469 8.25L11.0651 14.7318L4.58325 8.25" stroke="#111111" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />

      </svg>

    </a>

    <a href="" class="duplicate">

      <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">

        <path d="M3.66732 14.6668C2.65898 14.6668 1.83398 13.8418 1.83398 12.8335V3.66683C1.83398 2.6585 2.65898 1.8335 3.66732 1.8335H12.834C13.8423 1.8335 14.6673 2.6585 14.6673 3.66683M9.16732 7.3335H18.334C19.3465 7.3335 20.1673 8.15431 20.1673 9.16683V18.3335C20.1673 19.346 19.3465 20.1668 18.334 20.1668H9.16732C8.1548 20.1668 7.33399 19.346 7.33399 18.3335V9.16683C7.33399 8.15431 8.1548 7.3335 9.16732 7.3335Z" stroke="#111111" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />

      </svg>

    </a>

    <a href="" class="delete">

      <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">

        <path d="M2.75 5.50016H19.25M17.4167 5.50016V18.3335C17.4167 19.2502 16.5 20.1668 15.5833 20.1668H6.41667C5.5 20.1668 4.58333 19.2502 4.58333 18.3335V5.50016M7.33333 5.50016V3.66683C7.33333 2.75016 8.25 1.8335 9.16667 1.8335H12.8333C13.75 1.8335 14.6667 2.75016 14.6667 3.66683V5.50016M9.16667 10.0835V15.5835M12.8333 10.0835V15.5835" stroke="#111111" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />

      </svg>

    </a>

  </div>

  <div class="availability">В наличии</div>

</div>

​