خطا در کامپونت لایو وایر

سلام دوستان.من در لایوایر خطای زیر دارم لطفا راهنمایی کنید.

کد های ویو لایوووایر

      <div class="slide-card swiper-slide slid-wonder position-relative  ">
          <a href="{{$wonder->href}}" target="_blank" rel="noopener noreferrer" class="w-100">
             <div class=" img-wonder">
                 <img  src="{{$wonder->img}}" alt="" class="image-won">
             </div>
             <div class="p-2  pt-1 ">
                 <div class="name-wonder ">{{$wonder->title}}</div>
                 <div class="d-flex justify-content-between ">
                     <div class="darsad-wonder">{{floor(($wonder->price - $wonder->price_off) / $wonder->price *100)}}%</div>
                     <div class="d-flex flex-column flex-wrap  align-items-start ">
                         <div class=""><span class="font-size-1">{{$wonder->price_off}}</span><span class="ml-1 font-size-1">تومان</span></div>
                         <div class="text-danger font-size-1"> <del>{{$wonder->price}}</del></div>
                     </div>
                 </div>

                 <div class="">
                      <div class="progress progress-wonder" role="progressbar" aria-label="Example with label"  aria-valuemin="0" aria-valuemax="100">
                         <div class="progress-bar" style="width: {{ceil($wonder->stock_self / $wonder->stock_start *100)}}%"></div>
                     </div>
                 </div>
                 <div class="d-flex justify-content-between">
                     <div class="font-size-1">
                         <span class="">{{ceil($wonder->stock_self / $wonder->stock_start *100)}}%</span><span class="">فروش رفته</span>
                     </div>
                      @if($wonder->tim)
                         <div data-time="{{$wonder->tim}}" class="flipdown font-size-1"></div>
                      @endif
                  </div>
             </div>
          </a>
     </div>
      @endforeach   ```

hesammousavi@