Алекс

[[getImageList? 
    &where=`{"top:=":"да"}`
    ...
]]

methods: {
  classes: obj => ({
    'current-active': obj.progress.current > 0,
  }),
  ...
},

child "entry" fails because ["entry" is required]]]

console.log(new Date("2020-05-22 16:24:16")); // работает

const lastMessage = messages[messages.length - 1];
console.log(lastMessage);

const lastMessage = messages.reduce(([maxDate, maxMessage], currentMassage) => {
  const currentDate = new Date(currentMassage.created);
  if(currentDate > maxDate) {
    return [currentDate, currentMassage];
  }
  return [maxDate, maxMessage];
}, [-Infinity, null])[1];
console.log(lastMessage);

<div class="card__wrapper">
  <div class="card__wrapper_api-show">Бургер</div>
  <div class="card__wrapper_api">Скрытый див</div>
</div>
<div class="card__wrapper">
  <div class="card__wrapper_api-show">Бургер</div>
  <div class="card__wrapper_api">Скрытый див</div>
</div>
<div class="card__wrapper">
  <div class="card__wrapper_api-show">Бургер</div>
  <div class="card__wrapper_api">Скрытый див</div>
</div>

$(".card__wrapper_api-show").click(function() {
    $(this) // jquery элемент, на котором произошёл клик
      .next(".card__wrapper_api") // непосредственно следующий в разметке блок (если идут не друг за другом то можно применить nextAll
      .stop() // Ваш код.
      .animate(
        {
          right: "0"
        },
        500,
        function() {
           // Animation complete.
        }
      );
  });

<div class="cards">
  <div class="card__wrapper">
    <div class="card__wrapper_api-show">Бургер</div>
    <div class="card__wrapper_api">Скрытый див</div>
  </div>
  <div class="card__wrapper">
    <div class="card__wrapper_api-show">Бургер</div>
    <div class="card__wrapper_api">Скрытый див</div>
  </div>
  <div class="card__wrapper">
    <div class="card__wrapper_api-show">Бургер</div>
    <div class="card__wrapper_api">Скрытый див</div>
  </div>
</div>

$(".cards").click(function(evt) {
    // Сохраняем элемент, на котором произошёл клик в jQuery обёртку
    const $element = $(evt.target);
     // проверяем, что элемент содержит класс api-show
    // и если содержит, то делаем что нам надо со следующим в разметке элементом .card__wrapper_api
    if($element.hasClass('.card__wrapper_api-show')){ 
       $element
       .next(".card__wrapper_api")
       .stop()
       .animate(
         {
          right: "0"
        },
        500,
        function() {
          // Animation complete.
         }
       );
    }
  });

<select v-model="selected">
  <option v-for="n in deliveryPrice" :value="n">{{ n.city }}</option>
</select>

<p>{{ selected.city }}</p>
<p>{{ selected.priceFrom }}</p>

<select v-model="city">
  <option v-for="n in deliveryPrice">{{ n.city }}</option>
</select>

computed: {
  selected() {
    return this.deliveryPrice.find(n => n.city === this.city);
  },
},

h1 {
  font-size: var(--h1-font-size);
}

<input v-model="fontSize" type="range">
<h1>hello, world!!</h1>

data: () => ({
  fontSize: 24,
}),
mounted() {
  this.$watch(
    'fontSize',
    val => this.$el.style.setProperty('--h1-font-size', `${val}px`),
    { immediate: true }
  );
},

<? foreach ($arResult["ITEMS"] as $i => $arItem): ?>
    // ...
    <? if ($i % 2 == 0): ?>
        // четный 
    <? else: ?>
        // не четный
    <? endif; ?>
    // ...
<? endforeach; ?>

// Pause slider
$('.slider').slider('pause');
// Start slider
$('.slider').slider('start');
// Next slide
$('.slider').slider('next');
// Previous slide
$('.slider').slider('prev');

<div id = "myPrevNavButton">Назад</div>
<div id = "myNextNavButton">Вперед</div>

$("#myNextNavButton").click(function(){
    $('.slider').slider('next');
});

$("#myPrevNavButton").click(function(){
    $('.slider').slider('prev');
});