0xD34F

Где вызов экшена GET_CHARACTERS? Не вижу. Надо добавить.

let data = await axios.get(baseURL);
context.commit('SET_CHARACTERS', data)

Здесь вы передаёте в мутацию объект ответа целиком - не только данные, но ещё и статус, заголовки и т.д. Кроме того, судя по дефолтному значению characters, вы желаете получить массив, а возвращается объект, содержащий массив в качестве значения свойства results. Так что пусть будет

const response = await axios.get(baseURL);
context.commit('SET_CHARACTERS', response.data.results);

<div>{{ $store.state.characters }}</div>

Раз выводите массив - выводите его поэлементно:

<div v-for="n in $store.state.characters">
  {{ n.name }}
</div>

UPD. https://jsfiddle.net/o3wszLdv/

filters: {

vue@next

Интересно, что по этому поводу говорит документация? А вот что:

In 3.x, filters are removed and no longer supported. Instead, we recommend replacing them with method calls or computed properties.

- ([a-zA-Z0-9]+)
+ ([\\w-]+\\/)+

- const linkBase = "ozon.ru";
+ const linkBase = "ozon\\.ru";

Вынести .zoom за пределы карты, добавить общую обёртку с относительным позиционированием:

<div class="map-wrapper">
  <div class="zoom">
    <div data-zoom="+1" class="zoom-in"></div>
    <div data-zoom="-1" class="zoom-out"></div>
  </div>
  <div class="map"></div>
</div>

.map-wrapper {
  position: relative;
}

Чтобы .zoom отображался поверх карты, задать ему z-index и абсолютное позиционирование:

.zoom {
  position: absolute;
  z-index: 666;
}

Добавить обработчик клика по кнопкам:

document.querySelector('.zoom').addEventListener('click', function(e) {
  const zoomChange = +e.target.dataset.zoom;
  if (zoomChange) {
    map.setZoom(map.getZoom() + zoomChange);
  }
});

https://jsfiddle.net/mu32azvy/

Работает.

Почему вы этого не видите? Погуглите, что такое всплытие событий. Затем, держа в голове свежеприобретённые знания, присмотритесь к этому коду:

function fb3cont() {

  b3Cont.classList.remove("__active");
}
document.onclick = function() {
  if (b3Cont.classList.contains("__active")) { fb3cont()};
}

stats = { n['name']: n['value'] for n in r['playerstats']['stats'] }

Array.new(counter){|i| [ "counter #{i + 1}", arr ]}.flatten

Разберитесь с приоритетом операторов.

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

('ic' + true) ? 'on' : ('off' + '.svg')

Ну и конечно писать подобные выражения в шаблоне - совсем не круто. Вынесите его в вычисляемое свойство или метод, например:

computed: {
  className() {
    return условие ? 'icon.svg' : 'icoff.svg';
  },
  ...

<p :class="className">

orderBy(data, [ n => n.updatedEl ?? n.createdEl, 'desk' ])

const [ showImage, setShowImage ] = useState(true);

<button onClick={() => setShowImage(!showImage)}>click me</button>
{showImage ? <img src="..." /> : null}

Регулярные выражения не нужны:

implode("\n", array_slice(explode("\n", $text), 0, количество_строк))

Но если очень надо, то:

preg_match('~([^\n]+(\n|$)){0,количество_строк}~', $text, $match)

$('.input-range').on('input', function() {
  $(this)
    .closest('.select')
    .find('.slider')
    .css('left', (((this.value / 50) + 1) * 25) + '%');
});

Заменить {searchText} на &.

Или, добавить searchText => перед подставляемой строкой.

function Counter({ val, time }) {
  const [ currVal, setCurrVal ] = useState(0);

  useEffect(() => {
    currVal !== val && setTimeout(setCurrVal, time, currVal + 1);
  }, [ currVal ]);

  return <div>{currVal}</div>;
}

https://jsfiddle.net/jsxopeag/

Замените id на data-атрибут. Чтобы было не id="666", а data-val="666", например.
Раз сравнивать значения собираетесь как числа - сделайте минимальное/максимальное значения числами изначально.

document.querySelectorAll('селектор ваших блоков').forEach(n => {
  const val = +n.dataset.val;
  n.classList.toggle('disable', min > val || val > max);
});

const sorted = (arr, key) => arr
  .map(n => [ n, key(n) ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0]);


const sortedArr = sorted(arr1, n => -n.Info.Hashtags.filter(m => arr2.includes(m)).length);

const oldLog = console.log;

console.log = function(...args) {
  // здесь можете что-нибудь сделать с переданными значениями

  oldLog(...args);
};

const event = await ticketFactoryContract.methods.eventsList(i).call();
setEvents(events => [ ...events, event ]);

Вычисляйте всю сумму заново при любых изменениях:

const BASE_VALUE = 100;

document.querySelector('.container').addEventListener('change', e => {
  document.querySelector('.total').innerText = Array
    .from(e.currentTarget.querySelectorAll('input:checked'))
    .reduce((acc, n) => acc + +n.value, BASE_VALUE);
});

https://jsfiddle.net/khjn5teo/