Aetae

У тебя publicPath относительный, а для history нужен абсолютный.

Как обычно: // eslint-disable-next-line no-param-reassign

Но если хочется, чтоб было красиво, надо договориться по проекту, что аргумент с именем element всегда будет dom-элементом и добавить в правило
ignorePropertyModificationsFor: ['element']

Иконка меняется на спинер браузером когда происходит загрузка страницы.(а также объектов, требующих загрузки, типа скриптов, картинок и фреймов).
Можно быть уверенным, что спиннер крутится, если document.readyState !== 'complete'. Однако если подгрузка чего-то происходит позднее, то, увы, об этом никак (надёжно) не узнать, потому что это поведение - чисто интерфейсное решение браузеров и нигде не документировано.

Можно заставить его крутиться когда хочешь добавляя и убирая iframe с "вечной загрузкой".
Но проще просто менять favicon как указал Алексей Ярков.

It depends.

Страница отображается в браузере по мере загрузки. Если в ней встретится скрипт без спец. атрибута типа async\defer отображене будет остановлено пока не загрузится И выполнится скрипт.

Вот собственно почему советуют сдвигать скрипты вниз. Но если без скрипта у тебя ничего не заработает, то это не имеет смысла.

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

Ну а что ты хочешь? Кодировка в виндовом терминале отличается от кодировки сайта.
Напиши в терминал chcp 65001.)

Как обычно:

["first", "second", "third"].reduce((acc, value, i) => {
  acc[`answer${i+1}`] = value;
  return acc;
}, {});

Только вот если у тебя в коде вдруг появляются переменные(и свойства) отличающиеся только цифрой на конце - ты явно что-то делаешь не так.

Условно как-то так:

useEffect(() => {
  const fetchData = async (url: string, data: any[] = []) => {
    const res = await fetch(url);
    const json = await res.json();
    if(json.pagination.links.next){
      await fetchData(json.pagination.links.next, data)
    }
    data.push(json.data);
    return data;
  };
  
  fetchData("https://gorest.co.in/public/v1/users").then(setData);
}, [url]);

в data будет массив.

Кстати рекурсия тут не обязательна:

useEffect(() => {
  const fetchData = async (url: string) => {
    let data: any[] = [];

    do {
      const res = await fetch(url);
      const json = await res.json();

      data.push(json.data);

      url = json.pagination.links.next;
    } while (url);

    return data;
  };

  fetchData("https://gorest.co.in/public/v1/users").then(setData);
}, [url]);

Ну и вместо any - расставить твои типы надо.

В твоём примере последняя итерация лишняя - i выходит за пределы массива, тебе надо было написать либо так:

function funk (arr) {
  for(let i = 0, length = arr.length - 1; i < length; i++) {
    if(arr[i] === arr[i+1]) {
      return true;
    }
  }
  return false;
}

либо, лучше, так:

function funk (arr) {
  for(let i = 1; i < arr.length; i++) {
    if(arr[i - 1] === arr[i]) {
      return true;
    }
  }
  return false;
}

Также заметь, что в современном JS никто не использует сравнение с приведением типов(==) из-за его ненадёжности, только полноценное сравнение - ===.

"Пример из интернета" - полная фигня. Кто-то впихнул костыль на ровном месте, решая ту самую "проблему", что имеет место быть в твоей реализации, вместо того чтоб подумать и написать один из предложенных мной выше вариантов.)
Ну по крайней мере теперь ты знаком с профессиональным термином костыль и как его применение выглядит в коде.)

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

Какие проблемы?

created() {
  if(mobile){
    this.touchStart = () => {}
  }
}

Но поскольку mobile или не mobile определяется один раз в жизни приложения, то логичней вынести определение функций\методов в отдельный файл, типа:

let touchStart;
if(mobile){
  touchStart = function() {}
} else {
  touchStart = function() {}
}

export {
  touchStart
}

import {touchStart, ...} from './helpers';
methods: {
  touchStart,
  ...
}

Либо как миксин:

const touchMixin = {
  methods: mobile ? {
    touchStart() {}
  } : {
    touchStart() {}
  }
}

mixins: [touchMixin],

По сути тебе нужно написать свой языковой парсер. Который разобьёт входные значения на лексемы и всё такое прочее и интерпретирует результат. Можешь изучить теорию компиляторов, чтоб совсем хорошо было.)
Но вообще тут и простого конечного автомата хватит, если нужна поддержка скобок, или даже минимальной работы со строками - если нет.
Ну или воспользоваться готовой библиотекой как предложили выше.