0xD34F

const replaceTime = (str, newTime) => str.replace(/\d\d:\d\d(P|A)M/g, newTime);

const ul = document.querySelector('ul');

document.querySelector('a').addEventListener('click', () => {
  const id = ul.lastElementChild.id.replace(/\d+$/, m => ++m);
  ul.insertAdjacentHTML('beforeend', `<li id="${id}"></li>`);

  // или

  const li = ul.querySelector('li:last-child').cloneNode(true);
  li.id = li.id.replace(/\d/g, '').concat(-~ul.children.length);
  ul.append(li);

  // или

  const li = document.createElement('li');
  li.id = 'a' + (+ul.children[ul.children.length - 1].id.slice(1) + 1);
  ul.insertBefore(li, null);
});

Почему? Ну, наверное, потому что это дефолтное значение. Хотите, чтобы был не 0 - вместо рисования прямоугольников чёрт знает где делайте соответствующую трансформацию, а сам прямоугольник рисуйте в (0, 0). Т.е., вместо

rectangle.drawRect(cur_x,cur_y,seg_size,seg_size);

будет

rectangle.drawRect(0, 0, seg_size, seg_size);
rectangle.setTransform(cur_x, cur_y);

Импортируйте компоненты Home и Map (надо заметить, что имена подобраны так себе - одно слово не рекомендуется использовать; кроме того, Map уже есть) там, где используете их - в router/index.js, импортировать в App.vue не надо (как и указывать их в components). Типа так.

Сделайте копию project.is_enabled, работайте с ней, а по событию project-saved обновляйте оригинал.

Да не надо ничего проверять. Что у вас является следствием завершившегося действия? - наличие нужных данных. Сделайте соответствующий геттер, и повесьте на экземпляр компонента v-if с этим геттером. Пока данных нет - экземпляр компонента не будет рендериться, а значит и мутация, требующая отсутствующих данных, тоже вызвана не будет, а значит и ошибки не будет.

Так?

Создавайте ссылки с помощью v-for.

В data у вас будет массив:

links: [
  { title: 'link #1', to: { name: 'AdmissionActList' } },
  { title: 'link #2', to: { name: 'ShiftsTask' } },
  // ну и так далее
],

А в шаблоне вместо кучи элементов:

<ul class="list-unstyled components">
  <b-nav-item
    v-for="link in links"
    :to="link.to"
    @click.prevent="sidebarCollapse"
  >{{ link.title }}</b-nav-item>
</ul>

Вот как-то так. А вообще - читайте документацию, это основы.

в зависимости от значения переменной, нужно рендерить либо
<div class="link">контент</div>
либо

<router-link to="/path" class="link">контент</router-link>

Используйте v-if / v-else.

Ну или сделайте computed свойство:

<component v-bind="bullshit" class="link">контент</component>

computed: {
  bullshit() {
    const attrs = {};
    attrs.is = this.isLink ? 'router-link' : 'div';
    if (this.isLink) {
      attrs.to = '/path';
    }
    return attrs;
  }
}

$(this).parent().next().find('input').prop('disabled', this.value === 'No');

function replaceNumbers(str, matches) {
  let count = 0;
  return str.replace(/\d/g, d => matches.includes(++count) ? '*' : d);
}


replaceNumbers('+7 (000) 000-00-00', [ 2, 3, 4 ]); // "+7 (***) 000-00-00"
replaceNumbers('+7 (000) 000-00-00', [ 2, 3, 4, 5, 6, 7 ]); // "+7 (***) ***-00-00"
replaceNumbers('+7 (000) 000-00-00', [ 10, 11 ]); // "+7 (000) 000-00-**"

Ну и как по-вашему правила валидации связаны с элементами формы? В правилах указан какой-то delivery_Method - где у вас в форме элемент с таким именем? Не вижу. Сообщения об ошибках - свойство называется messages, во множественном числе, а не message. Вместо сообщения об ошибке - { required: true } - что вы хотели этим сказать? Непонятно. Вот вам пример валидации вашей формы, а вот ссылка на документацию - тоже пригодится.

в документации сказано что его нужно импортировать в обьект:
import { VueEditor } from 'vue2-editor'

Ну тогда попробуйте этот самый VueEditor при импорте и отдать:

Vue.component('vue-editor', () => import('vue2-editor').then(c => c.VueEditor));

Использовать регулярные выражения не обязательно:

str.split('/').pop()
//или
str.slice(str.lastIndexOf('/') + 1)
// или
[...str].reduce((acc, n) => n === '/' ? '' : acc + n, '')

Но, конечно, если очень хочется, то можно:

str.match(/[^\/]*$/)[0]
// или
str.replace(/.*\//, '')

max(array_map(function($n) {
  return $n['ask']['c'];
}, $obj['candles']))

или

max(array_column(array_column($obj['candles'], 'ask'), 'c'))

Назначьте чекбоксам нормальные значения: :value="name".

Или указывайте в v-model индекс: v-for="(name, i) in names", v-model="checkboxValue[i]".

map/filter:

arr.map((n, i) => n ? i : null).filter(n => n !== null)
// или
arr.map((n, i) => n ? i : NaN).filter(n => n === n)
// или
arr.map((n, i) => !!n && i).filter(Number.isInteger)
// или
arr.map((n, i) => !n || i).filter(n => n !== !0)

reduce:

arr.reduce((acc, n, i) => n ? [ ...acc, i ] : acc, [])
// или
arr.reduce((acc, n, i) => (n && acc.push(i), acc), [])

или, если надо изменить текущий массив, а не создавать новый

for (let i = arr.length; i--;) {
  if (arr[i]) {
    arr[i] = i;
  } else {
    for (let j = i; ++j < arr.length; arr[j - 1] = arr[j]) ;
    arr.pop();
  }
}

// или

arr.reduceRight((_, n, i, a) => n ? a[i] = i : a.splice(i, 1), 0);

// или

arr.splice(0, arr.length, ...любое_выражение_с_map/filter_или_reduce_из_показанных_выше);

// или

arr.length -= arr.reduce((acc, n, i, a) => (
  a[i - acc] = i,
  acc + !n
), 0);

Раз уж хотите json - тогда и отправляйте json:

data: JSON.stringify({ action: 'get_genres' })

А на сервере вместо

json_decode($_POST['action'])

будет

json_decode(file_get_contents('php://input'), true)['action']