0xD34F

Math.sqrt - если аргумент отрицательный, возвращает NaN.

Как исправить? - не пытаться вычислять корни квадратного уравнения при отрицательном дискриминанте. Кажется, этому учат классе так в 8. Или даже в 7. Ещё не прошли или уже успели забыть?

SELECT
  m.id,
  m.text,
  CASE m.typeauthor
    WHEN '1' THEN
      (SELECT name FROM idmc WHERE id = m.authorid)
    WHEN '2' THEN
      (SELECT name FROM suppliers WHERE id = m.authorid)
  END
FROM messages m

Можно. В любом компоненте доступны ссылки на корень, родителя и экземпляры вложенных компонентов. Так что зная, где находится экземпляр компонента с вашим isotope'ом относительно текущего экземпляра или корня, достучаться до него труда не составит.

Но не нужно. Лучше воспользуемся vuex.

В компоненте, из которого надо "получить доступ", вызываем мутацию, изменяющую значение выбранного фильтра, а в компоненте с isotope'ом устанавливаем наблюдение за этим значением, где и дёргаем $refs.cpt.filter. Типа так.

Или, к чёрту $refs - можно оформить в хранилище геттер, представляющий отфильтрованные данные, и создавать элементы для isotope'а на их основе. Как это может выглядеть.

<button data-step="-1">Prev</button>
<button data-step="+1">Next</button>

$(document).on('click', '[data-step]', function({ target: { dataset: { step } } }) {
  const $wrapper = $(this).closest('.wrapper');
  const $blocks = $wrapper.find('.wrapper-small-block .small-block');
  const $active = $blocks.filter('.active');
  const $nextActive = $blocks.eq(($active.index() + +step) % $blocks.length);

  $active.removeClass('active');
  $nextActive.addClass('active');
  $wrapper.find('.preview').html($nextActive.html());
});

// или

document.addEventListener('click', ({ target: t }) => {
  const { step } = t.dataset;
  if (step) {
    const wrapper = t.closest('.wrapper');
    const blocks = wrapper.querySelector('.wrapper-small-block').children;
    const iActive = Array.prototype.findIndex.call(blocks, n => n.matches('.active'));
    const nextActive = blocks[(iActive + +step + blocks.length) % blocks.length];

    blocks[iActive].classList.remove('active');
    nextActive.classList.add('active');
    wrapper.querySelector('.preview').innerHTML = nextActive.innerHTML;
  }
});

А с чего вы взяли, что emit не работает, чем докажете свои слова?

Я так думаю - всё работает, просто вы забыли о всплытии событий. Вы кликаете на .news-popup__content__close, генерируется событие click, оно обрабатывается - выполняется emit, генерируется событие close, оно обрабатывается в соответствующем обработчике, popup убирается. При этом событие click никуда не делось, оно всплывает, и в .news-block обрабатывается ещё раз - только что удалённый popup снова рендерится. Ну а внешне это всё выглядит так, будто ничего и не произошло.

Что делать? Понятно что - останавливать всплытие, т.е.,

<div class="news-popup__content__close" @click="$emit('close')"></div>

замените на

<div class="news-popup__content__close" @click.stop="$emit('close')"></div>

P.S. А почему на каждый элемент .news-block у вас отдельный popup, что за дичь-то такая?

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

Но ведь this.$refs.cpt это объект а не массив.

Откуда такая информация? Как именно определён cpt вы почему-то решили не показывать, а если ref используется совместно с v-for (на том же элементе, или дочерних) - будет массив.

Собрать новый объект:

const newData = Object
  .entries(data)
  .reduce((acc, [ k, v ]) => (v.length && (acc[k] = v), acc), {});

Удалить свойства существующего:

Object.keys(data).forEach(n => data[n].length || delete data[n]);

Можно использовать Lodash.

const newData = _.pickBy(data, n => n.length);

// или

_.each(data, (v, k) => v.length || delete data[k]);

Смените привязку параметра со статической на динамическую:

<my-component :docs='{{ json }}' />

Всё, не надо никакого JSON.parse, docs сразу будет объектом.

[55.7977,37.7283] - например эту строку в объект

Наверное, всё-таки в массив - координаты в ymaps указываются в виде массива чисел.

Поскольку строка представляет собой корректный json, ответ очевиден: JSON.parse(str).

Но есть и другие варианты, разной степени дикости:

str.match(/\d+(\.\d+)?/g).map(n => +n)

// или

str.slice(1, -1).split(',').map(Number)

// или

eval(str)

// или

new Function(`return ${str}`)()

/[02-9]{5}\d{10}/

пытаюсь остановить выполнение функции

Что-то я такого у вас вообще не вижу. Для отмены действия setInterval надо вызвать метод clearInterval, ну и конечно предварительно сохранить id таймера:

data: () => ({
  intervalID: null,
}),
methods: {
  mouseEnter() {
    this.intervalID = setInterval(() => {
      console.log('тик');
    }, 500);
  },
  mouseLeave() {
    clearInterval(this.intervalID);
    this.intervalID = null;
  },
},

Можно сделать обычный текст с подложенной под него картинкой, типа так:

background: url(...);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

Говорите, делали всё как в документации? - а вот и нет. В документации прямым текстом сказано, что

you have to pass formReducer under 'form' key

"You have to" - "вы должны". А у вас что? Вместо form - formReducer. Исправляем, всё работает.

str.replace(/(Math\.)?(a?tan)/g, 'Math.$2')

<div v-for="(item, i) in items" :style="!i && { padding: '10px' }">

Перед push'ем делайте проверку наличия нужного массива, если отсутствует, создайте его:

if (!formElementsByGroup[formType]) {
  formElementsByGroup[formType] = [];
}

А вообще, можно и покороче всё это записать:

const formElementsByGroup = formElements.reduce((acc, n) => {
  const type = searchForm[n].formType;
  (acc[type] = acc[type] || []).push(n);
  return acc;
}, {});

почему при закрытии через метод Close - окно потом не открывается?!?!

Открывается. Если использовать vue версии 1. Во второй, да - облом. У вас какая? - почему-то мне кажется, что вы об этом даже не задумывались. Ну, то есть - раз не работает как надо, значит вторая, но если вторая то... Какого хрена? - вы пытаетесь менять параметр компонента:

this.show = false;

указываете вырезанный twoWay:

show: {
  required: true,
  type: Boolean,                
  twoWay: false
}

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

В общем - разберитесь с используемой версией vue. И документацию почитайте - корень вашей проблемы в том, что вы пытаетесь использовать инструмент непредусмотренным способом.

UPD. В первую очередь вам следует переписать работу с параметром show - вместо присваивания значения напрямую, генерировать событие, на которое надо будет подписаться в родительском компоненте, и уже там изменять значение переменной, отвечающей за видимость окна (zoomModal, кажется). С чем конкретно стоит ознакомиться для понимания проблемы - раз, два.

text.match(/\[\[[^\]]*\]\]/g)

Замените replaceWith на html: $('.big-fig').html(content);.

Или, к чёрту jquery:

const image = document.querySelector('.big-img');
const text = document.querySelector('.big-fig');

document.querySelectorAll('.small-img').forEach(n => {
  n.addEventListener('click', onClick);
});

function onClick() {
  image.src = this.src;
  text.innerHTML = this.closest('figure').querySelector('.small-fig').innerHTML;
}