0xD34F

Можно. Есть пример соответствующего кода для Яндекс.Карт. Для гугла будет по сути то же самое - обработчик клика на маркере, открытие InfoWindow при получении данных, установка содержимого с помощью метода setContent.

...если кто-то советует мне почитать Sequelize документацию...

Советую. Пишут (промотайте вниз, к списку опций), что свойство так и называется - schema.

Добавляем кнопкам атрибут, который будет указывать, на сколько какую координату надо изменить:

<button data-move="-10,0">left</button>
<button data-move="10,0">right</button>
<button data-move="0,-10">up</button>
<button data-move="0,10">down</button>
<button data-move="10,10">right down</button>
<button data-move="20,-5">fast right slow up</button>

Пишем обработчик клика, где считываем значение атрибута, вычисляем и назначаем новые значения координат:

$(document).on('click', '[data-move]', function() {
  const [ dx, dy ] = this.dataset.move.split(',').map(Number);
  $('#overlay')
    .css('left', (i, val) => `${parseInt(val) + dx}px`)
    .css('top', (i, val) => `${parseInt(val) + dy}px`);
});

// или, к чёрту jquery

document.addEventListener('click', e => {
  const { move } = e.target.dataset;
  if (move) {
    const block = document.querySelector('#overlay');
    const { left, top } = getComputedStyle(block);
    const [ dx, dy ] = move.split(',').map(n => +n);
    block.style.left = parseInt(left) + dx + 'px';
    block.style.top = parseInt(top) + dy + 'px';
  }
});

вот так

v-for="post in posts.slice(0, определённое количество)"

Ну и конечно, это можно завернуть в computed свойство.

:is?

Скопировать оригинал и по клику копировать копию:

const $block = $('.block_to_add').clone();

$('.click_to_add_block').click(function() {
  $(this).before($block.clone());
});

UPD. Вынесено из комментариев:

А подскажите, как удалить один из блоков по клику на другую кнопку?

Добавить в блок кнопку удаления и обработчик клика:

$(document).on('click', '.delete', function() {
  $(this).parent().remove();
});

<button class="delete">удалить</button>

Под одной строкой вы подразумеваете однократное обращение к элементу, да?

Object.assign(document.querySelector('#block').style, {
  opacity: '1',
  border: '1',
  color: 'black',
});

Это неправильный подход. Сделайте свойство showDocs, которое будет отвечать за видимость элемента, а на сам элемент добавьте v-show="showDocs". Обработка клика станет выглядеть так: @click="showDocs = !showDocs".

Ну а почему ваш код не работает как надо - так это потому, что дефолтное значение style.display вовсе не none, а пустая строка (скорее всего - вы ведь элемент через css изначально скрываете, да?).

UPD. Вынесено из комментариев:

Так не получиться, так как вывожу элементы в цикле v-for.

Получится. Задайте каждому из перебираемых объектов отдельное свойство, отвечающее за его видимость, как-то так. Или сделайте компонент для отображения отдельного элемента, который будет содержать в себе свойство, управляющее видимостью.

В products мутацию замените на экшен, который будет вызывать мутацию в cart. А из одного модуля напрямую менять состояние другого - идея так себе, на мой взгляд.

Cвяжите состояние чекбокса со значением через v-model, в обработчике клика присваивайте false, типа так.

Если же под "сторонней областью" вы понимаете всё, что находится за пределами какого-то элемента, то вешайте на этот элемент ref; на document вешайте обработчик клика, в котором проверяйте, что target находится за пределами элемента, типа так.

$grouped = [];

foreach ($date as $d) {
  $parts = explode('-', $d);
  $grouped[$parts[0]][intval($parts[1])][] = intval($parts[2]);
}

data: () => ({
  checked: null,
  items: [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
}),

<label v-for="(n, i) in items">
  <input
    type="checkbox"
    :checked="checked === i"
    @change="checked = $event.target.checked ? i : null"
  >
  {{ n }}
</label>

Одно непонятно - а зачем чекбоксы-то, чем радиокнопки не угодили?

Что за бред-то такой с получением индекса редактируемой строки, вы сами-то понимаете, что делаете? Его надо запоминать при открытии диалогового окна (скажем, так), а вовсе не... не... даже и не знаю, как это назвать, реально БРЕД.

Я так понимаю, список месяцев должен разворачиваться по клику на год. Добавьте свойство activeYear, в обработчике клика выполняйте соответствующее присваивание, а в список месяцев (кстати, у вас там косячок - элементом списка является не ul, а li, так что ngFor стоит переместить) добавьте *ngIf="year === activeYear". Типа так:

activeYear = null;

log(year) {
  this.activeYear = this.activeYear === year ? null : year;
}

<div class="middle-content" *ngFor="let year of years">
  <a class="middle-content_top-indent" (click)="log(year)">{{ year }}</a>
  <ul class="list-of-month" *ngIf="year === activeYear">
    <li *ngFor="let month of months">
      <span class="list-of-month__marker"></span>
      <a href="#">{{ month }}</a>
    </li>
  </ul>
</div>

const itemSelector = '.menu-catalog__item';
const buttonSelector = '.menu-catalog__link';
const className = 'menu-catalog__open';

const $items = $(itemSelector).on('click', buttonSelector, e => {
  $items.not(e.delegateTarget).removeClass(className);
  $(e.delegateTarget).toggleClass(className);
});

// или

const items = document.querySelectorAll(itemSelector);
const onClick = ({ target: t }) =>
  t.closest(buttonSelector) && items.forEach(n => {
    n.classList[n.contains(t) ? 'toggle' : 'remove'](className);
  });

items.forEach(n => n.addEventListener('click', onClick));

function shortNumber(val) {
  const numSymbol = [ '', 'K', 'M', 'B', 'T' ];
  let symbolIndex = 0;

  while (val >= 1000) {
    val = Math.round(val / 1000);
    symbolIndex++;
  }

  return val + numSymbol[symbolIndex];
}


shortNumber(96); // 96
shortNumber(22222); // 22K
shortNumber(4951476); // 5M

как проделать тоже самое со списком $this->getProxyList('socks4') и $this->getProxyList('socks5')

Сделайте массив из аргументов для getProxyList, и оберните ваш код в ещё один foreach, типа так:

$proxy_types = [ $proxy_type, 'socks4', 'socks5' ];
foreach ($proxy_types as $type) {
  $proxy_list = $this->getProxyList($type);
  // а здесь ваш исходный foreach
}