0xD34F

Используйте v-if - пока данных нет, не надо пытаться на их основе ничего рендерить. Как-то так:

<thead v-if="options.head">
...
<tbody v-if="options.body">

Сделаем функцию, которая нарезает массив на куски указанного размера:

const getChunks = (arr, chunkSize) =>
  Array.from(
    { length: Math.ceil(arr.length / chunkSize) },
    (n, i) => arr.slice(i * chunkSize, (i + 1) * chunkSize)
  );

// или

const getChunks = (arr, chunkSize) =>
  arr.reduce((acc, n, i) => (
    i = i / chunkSize | 0,
    (acc[i] = acc[i] || []).push(n),
    acc
  ), []);

// или

const getChunks = (arr, chunkSize) =>
  arr.reduce((acc, n, i) => (
    (i % chunkSize) || acc.push([]),
    acc[acc.length - 1].push(n),
    acc
  ), []);

Ну и воспользуемся ею:

const arr = [...Array(50).keys()];
const chunks = getChunks(arr, 7);

body {
  overflow: hidden;
}

Как получить элементы:

const links = document.querySelectorAll('a');
// или
const links = document.getElementsByTagName('a');

Как достать значение атрибута:

const getHref = el => el.getAttribute('href');
// или
const getHref = el => el.attributes.href.value;

Как собрать массив значений:

const hrefs = Array.from(links, getHref);

// или

const hrefs = Array.prototype.map.call(links, getHref);

// или

const hrefs = [];
for (const n of links) {
  hrefs.push(getHref(n));
}

// или

const hrefs = [];
for (let i = 0; i < links.length; i++) {
  hrefs[i] = getHref(links[i]);
}

// или

const hrefs = (function get(i, n = links.item(i)) {
  return n ? [ getHref(n), ...get(i + 1) ] : [];
})(0);

Ведь у пустого массива есть численное представление: +[] вернет 0.

И что с того? В выражении false+[] нет преобразования массива в число. Есть сложение - массив преобразовывается в строку, false тоже. Если интересуют детали - можете ознакомится со спецификацией.

Ясно же написано - метод не определён. Добавьте его в methods компонента:

methods: {
  trans
}

В state.FIELDS.formFieldsMap данные лежат

А точно лежат? - может, не лежат, а подгружаются посредством запроса к базе данных или ещё куда. А пока не подгрузились, FIELDS является пустым объектом, никакого свойства formFieldsMap у него нет. Соответственно, геттер возвращает undefined. Может же такое быть?

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

Действительно, а как тогда быть?

Можно заглушку какую-нибудь возвращать, если ничего нет, например:

getters: {
  transportFields: state => state.FIELDS.formFieldsMap || [],
  ...

А лучше - заранее создать в FIELDS нужное свойство, с пустым массивом в качестве начального значения.

mutations: {
  [GET_USER_INFO](state) {
    axios.get('http://localhost:3000/user')
      ...

Ох ни хрена ж себе. Документацию-то читали?

хочется, чтоб saveProfile или действие, которое внутри - this.$store.dispatch('loadInfo') вызывалось сразу после того, как загружено начальное состояние

created

<alien-component
  :value="value"
  @input="$emit('input', this.$event.target.value)" 
/>

Никаких target'ов не надо, вы из компонента получаете само значение, так что правильно будет так:

<alien-component
  :value="value"
  @input="$emit('input', $event)" 
/>

Как-то всё у вас до хрена усложнено, просто мрак какой-то. Можно же гораздо проще:

<div id="sound-btn-wrapper">
  <div class="btn btn-start">On</div>
  <div class="btn btn-stop">Off</div>
</div>

const audio = new Audio('...');

$('#sound-btn-wrapper').on('click', '.btn', function() {
  audio.pause();

  if ($(this).hasClass('btn-start')) {
    audio.currentTime = 0;
    audio.play();
  }
});

Я не понимаю как можно увеличить плавно блок, чтобы расширялся равномерно со всех сторон и также чтобы менялась картинка на другую и плавно увеличивалась

Увеличение - с помощью scale, картинку показывать "плавно" можно с помощью opacity. Как-то так.

Выкидывайте v-model, вместо этого задавайте элементам value, и вешайте обработчик события input, в который будет передаваться имя свойства, а внутри будет дёргаться мутация:

<el-select :value="item2.select.value" @input="onInput(item2.name, $event)">

methods: {
  onInput(propName, propVal) {
    this.$store.commit('updateForm', { propName, propVal });
  },
},

Дело в том, что если в форме присутствует всего одно поле ввода, то, согласно спецификации, нажатие enter'а должно приводить к отправке формы:

When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.

Что делать? Блокировать действие по умолчанию при нажатии enter'а, добавить input'у @keypress.enter.prevent.

Потому что элемент набора не является набором элементов - это узел DOM-дерева. Откуда у него возьмутся методы jquery? Тут надо использовать метод eq вместо индексации, т.е. $checkbox[i] замените на $checkbox.eq(i).

Добавьте параметр - селектор корневого элемента слайдера (или сам элемент). Поиск слайдов и кнопок выполняйте не по всему документу, а внутри корневого элемента.

function simpleSlider(element) {
  const root = typeof element === 'string'
    ? document.querySelector(element)
    : element;

  const items = root.querySelectorAll('.slider__item');
  const prev = root.querySelector('.slider__btn-prev');
  const next = root.querySelector('.slider__btn-next');

  let index = 0;

  function slideTo(newIndex) {
    items[index].classList.remove('slider__item--active');
    index = (newIndex + items.length) % items.length;
    items[index].classList.add('slider__item--active');
  }

  prev.addEventListener('click', () => slideTo(index - 1));
  next.addEventListener('click', () => slideTo(index + 1));
}

simpleSlider('#slider1');
simpleSlider(document.querySelector('#slider2'));

А зачем вы деструктуризацию делаете? Ну сами подумайте - откуда возьмётся свойство formFieldsMap, если вы массив в мутацию передаёте?

Потому что метод так устроен - возвращает коллекцию, а не массив.

Хотите массив, есть варианты:

const elements = [...document.getElementsByTagName('p')];
// или
const elements = Array.from(document.getElementsByTagName('p'));
// или
const elements = [].concat.apply([], document.getElementsByTagName('p'));
// или
const elements = Array.prototype.slice.call(document.getElementsByTagName('p'));
// или
const elements = Object.values(document.getElementsByTagName('p'));

const result = arr.filter((n, i, a) => n === a.find(m => m.lat === n.lat && m.lng === n.lng));

или

const result = Object.values(arr.reduce((acc, n) => (acc[`${n.lat},${n.lng}`] = n, acc), {}));

или

const result = [].concat(...Object
  .values(arr.reduce((acc, n) => ((acc[n.lat] = acc[n.lat] || {})[n.lng] = n, acc), {}))
  .map(Object.values)
);

или

const result = Array.from(new Set(arr.map(JSON.stringify)), JSON.parse);

или

const unique = (arr, keys) =>
  arr.filter((n, i, a) => i === a.findIndex(m => keys.every(k => n[k] === m[k])));


const result = unique(arr, [ 'lat', 'lng' ]);

str.replace(RegExp(mask, 'gi'), '<strong>$&</strong>')