0xD34F

Ну так вы же полностью переписываете объект:

state = {
    field: newField,
    currentPlayer: newPlayer
};

Где тут свойство winnner? Не вижу. А-у-у-у, winner, ты где? Нет никого.

Может, вы хотели объект дополнить? Типа, Object.assign(state, { ... }).

В качестве стейта будет объект, содержащий в себе значения всех счётчиков:

const initialState = {
  first: 0,
  second: 0,
};

Экшена достаточно и одного, помимо типа будет указываться имя счётчика:

class CounterAction implements Action {
  constructor(public type: ActionTypes, public payload: string) {}
}

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

function counterReducer(state = initialState, action: CounterAction) {
  switch (action.type) {
    case ActionTypes.Increment:
      return {
        ...state,
        [action.payload]: state[action.payload] + 1,
      };
  ...

Далее, в компоненте покажем счётчики:

<div *ngFor="let item of count$ | async | keyvalue">
  <button (click)="increment(item.key)">Increment</button>
  <div>Current Count: {{ item.value }}</div>
  <button (click)="decrement(item.key)">Decrement</button>
  <button (click)="reset(item.key)">Reset Counter</button>
</div>

Ну и попросим их обновиться:

increment(key) {
  this.store.dispatch(new CounterAction(ActionTypes.Increment, key));
}
...

https://stackblitz.com/edit/angular-ms9wfw?file=sr...

SELECT t.value->>'status' AS status, count(t.value->>'status')
FROM table_name, jsonb_each(table_name.jsonb_column_name) AS t
GROUP BY status

function foo(...args) {
  console.log(args[N]);
}

или

function foo() {
  console.log(arguments[N]);
}

или

function foo(...{ [N]: x }) {
  console.log(x);
}

$('.advantage-wrapper--content').click(function() {
  $(this).next('.advantage-wrapper--modal').toggleClass('d-none');
});

Делаете ещё одно вычисляемое свойство, по аналогии с sum - массив title'ов отмеченных элементов:

selectedServices() {
  return this.services.reduce((acc, n) => (n.checked && acc.push(n.title), acc), []);
},

Ну и выводите его:

<ul>
  <li v-for="n in selectedServices">{{ n }}</li>
</ul>

UPD. А вообще, имеет смысл немного всё переписать, чтобы не обходить массив services полностью дважды (или трижды, четырежды - кто знает, что ещё потребуется делать с выбранными элементами в будущем). Сделаем selectedServices массивом не title'ов, а самих выбранных элементов:

selectedServices() {
  return this.services.filter(n => n.checked);
},

Рендеринг title'ов, соответственно, станет выглядеть так:

<ul>
  <li v-for="n in selectedServices">{{ n.title }}</li>
</ul>

И используем selectedServices для вычисления суммы, здесь трогать свойство checked больше не надо:

sum() {
  return this.selectedServices.reduce((acc, n) => acc + n.cost, 0);
},

const routes = [
  ...
  {
    path: '*',
    component: Page404,
  },
];

или, можно дополнительно редиректить:

const routes = [
  ...
  {
    path: '/404',
    component: Page404,
  },
  {
    path: '*',
    redirect: '/404',
  },
];

Получаем коллекцию элементов, вызываем конструктор для каждого из них:

const cards = Array.from(
  document.querySelectorAll('[data-component="card"]'),
  n => new Card(n)
);

Можно спрятать это дело в сам конструктор - пусть возможным типом параметра будет не только элемент, но и строка. В этом случае подменяйте возвращаемое значение:

constructor(el) {
  if (typeof el === 'string') {
    return Array.from(document.querySelectorAll(el), n => new Card(n));
  }

  // дальше всё по-старому

И тогда можно будет делать так:

const cards = new Card('[data-component="card"]');

Добавьте display: false в настройки xAxes.ticks.

Почему бы не почитать документацию? Там всё написано. Передавайте filterDebet в качестве значения параметра filter в таблицу: :filter="filterDebet".

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

хочу фильтровать по нескольким значениям

Нет проблем - передавайте объект, который будет содержать эти значения. Например.

Используйте в качестве значений option'ов не сами значения, а их индексы внутри массива list. Эмитить надо будет, соответственно, list[target.value].

https://jsfiddle.net/krnLyf2q/

Или сделайте внутри компонента computed свойство с сеттером (в котором будет выполняться $emit), и используйте его в v-model.

https://jsfiddle.net/krnLyf2q/1/

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

data: () => ({
  selected: null,
  ...
}),

Отображаем выбранную строку, если она есть; или все:

<tr v-for="(n, i) in (selected || objSearch)">

Клик по кнопке - сбрасываем свойство selected, если оно установлено; в противном случае устанавливаем:

@click="selected = selected ? null : { [i]: n }"

https://jsfiddle.net/dg4bxhu2/

Или, если "необходимо скрыть" понимать буквально, то можно определить класс, который будет прятать строки:

.hidden {
  visibility: hidden;
}

Назначать его строке, если есть выбранная строка и она не является текущей:

<tr
  v-for="(n, i) in objSearch"
  :class="{ hidden: selected !== null && selected !== i }"
>

Соответственно, установка значения selected:

@click="selected = selected === null ? i : null"

https://jsfiddle.net/dg4bxhu2/1/

Координаты точек - случайные значения в интервале -/+ половина стороны куба.

https://codepen.io/anon/pen/ewYOjK?editors=0010

UPD. А ещё можно так сделать - одной из координат (выбирается случайным образом) присваиваем крайнее значение, тогда куб будет пустой внутри, все точки на гранях. Если зафиксировать две координаты - все точки на рёбрах.

Убедитесь, что обработчик действительно назначен элементу, который скроллится, а не какому-нибудь из его дочерних элементов. Убедитесь, что этому элементу задано свойство overflow: scroll или overflow-y: scroll.

Потому что при назначении обработчиков клика кнопкам вроде бы одного конкретного слайдера, на самом деле назначаете их кнопкам всех слайдеров сразу.

Подозреваю, что виноват ".parents()"

И? Никак свои подозрения проверить не попытались? Можно же было посмотреть, что parents возвращает (и чем в результате оказываются prevBtn/nextBtn). Или прочесть об этом в документации.

Меняйте его на .closest('.block') или .parent().next('.slider-btns').

const table = $(this).closest('table').DataTable();

:nth-child(4n+3),
:nth-child(4n+4) {
  ...

https://codepen.io/anon/pen/bPbKbE

<input type="text" value="0.00">

document.querySelector('input').addEventListener('keypress', function(e) {
  e.preventDefault();
  this.value = this.value.replace(/(0)(?!.*\1)/, e.key);
});

Обработчик клика с чекбоксов уберите, и сделайте вычисляемое свойство:

computed: {
  sum() {
    return this.selected.reduce((acc, n) => acc + +n, 0);
  },
},

Или, без дополнительного массива selected:

<v-checkbox
  class="light--text"
  v-model="service.checked"
  :label="`${service.cost} руб.`"
></v-checkbox>

computed: {
  sum() {
    return this.services.reduce((acc, n) => acc + n.cost * n.checked, 0);
  },
},

UPD. https://jsfiddle.net/w0vrxcyg/

Делаем вычисляемые свойства минимума и максимума:

computed: {
  minStart() {
    return Math.min(...this.competitors.map(n => n.start));
  },
  maxSpeed() {
    return Math.max(...this.competitors.map(n => n.speed));
  },
},

И при выводе данных добавляем класс в случае равенства этим свойствам:

<tr v-for="{ start, speed } in competitors">
  <td :class="{ best: start === minStart }">{{ start }}</td>
  <td :class="{ best: speed === maxSpeed }">{{ speed }}</td>
</tr>

https://jsfiddle.net/gs8doqfc/