0xD34F

Правильно ли подключаю карту

Конечно же нет - документацию вы явно не читали. Это зря. Вот вам правильно подключенная карта - сравнивайте как было, как стало, думайте, читайте документацию.

Во-первых - вы явно путаете ширину с высотой. Во-вторых - [attr.viewBox]="'0 0 100 ' + bla".

this.setAttribute('aria-expanded', this.getAttribute('aria-expanded') === 'false');

А смысл? Не лучше ли сначала сгенерировать весь текст, а потом его вставить - один раз? Типа так:

$('#out').text([...Array(10).keys()].join(', '));

<button class="btn btn-danger" @click='delete'>Удалить</button>

Нет, delete - это ключевое слово, и его нельзя вот так просто использовать в шаблоне.

Переименуйте метод. Или пишите @click="this.delete".

Я бы предположил, что компонент на самом деле отображается, а вот с данными проблема. Как вы передаёте данные в компонент? Выскажу ещё одну догадку, выглядит это у вас как-то так:

<my-fucking-component :myData="someData">

Ну а как подсказывает документация:

Имена HTML-атрибутов являются регистро-независимыми, поэтому браузеры интерпретируют любые прописные символы как строчные. Это означает, что при использовании шаблонов в DOM, входные параметры в camelCase стиле должны использовать свои эквиваленты в стиле kebab-case

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 + 1);
  ul.insertAdjacentHTML('beforeend', `<li id="${id}"></li>`);
});

Почему? Ну, наверное, потому что это дефолтное значение. Хотите, чтобы был не 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));