Aetae

Старые добрые флоаты:

Просто используй alias, проставляя путь то нужного компонента на этапе билда.

Можно предположить, что Date.parse в сафари не может прочитать формат '"'.$mm.' '.$dd.' '.$yy.' '.$hh.':'.$mi.':00"'.
Попробуйте так:

var deadline= new Date(+YearS, MonthS-1, +DayS, +HourS, +MinS);

function - кода тебе нужна функция.
arrow-function - когда тебе нужна лямбда, т.е., условно, коротенькая анонимная функция, объявляемая по месту использования.

Всё остальное в основном хипстерский хайп или мракобесие от непонимания как работать с контекстом.

Более-менее хорошее решение предложил Владимир Мальков.
К сожалению селектор * протекает и в shadow DOM, но чаще всего это не имеет значения.

В будущем могут помочь css правила:
contain: layout - сейчас нет поддержки браузерами.
all: revert - сейчас нет поддержки браузерами revert.

Можно использовать all: unset, для всего, но тогда пропадут и стили по умолчанию, придётся к каждому элементу возвращать их вручную.

Абсолютная гарантия есть сейчас только у iframe с allowtransparency="true" но там придётся сильно морочиться с размерами и позиционированием.

Ну вы прям как беспомощные дети, право слово.
Открываем исходники(там всего два файла) и практически с первых строк видим как там всё устроено. Переменная которая вам нужна - mixColor.
Вот только там не чёрный цвет, а вовсе даже белый, потому что на самом деле там происходит не смена цвета body, а наложение div с классом darkmode-layer поверх всего в режиме: mix-blend-mode: difference;.
Тут уж вы сами подбирайте нужный цвет с нужным режимом смешивания.

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

Очевидно что проблема в margin-bottom: -1px; у последнего элемента.
И не только в ie.

При создании роутера mode укажите 'history', или переходите по ссылке:

http://localhost:8080/#/report/f7f0833d7ace1e53f1391f0f204dd68f366c79092248a5dca13e019da2dd5083/

Вы должны просто получить ссылку, по которой просто перейти, а сервер по этой ссылке должен просто отдать файл. Vue тут не при чём.

Потому что надо подождать пока картинка загрузится:

const ground = new Image();
ground.onload = () => ctx.drawImage(ground, 10, 10);
ground.onerror = console.error;
ground.src = "assets/img/ground.jpg";

На самом деле вам нужен ­ - мягкий перенос:


Грубый break-word стоит использовать, только если вы никак не можете повлиять на выходной текст(т.е. почти никогда).

Всё в vue реактивиное и динамическое. Компоненты загружаются только тогда, когда они нужны. Нельзя просто взять и "собрать всё в объект" на этапе исполнения, потому что совершенно неизвестно когда и как будет вызвана функция(да-да, это обычная функция) $t.
Вы можете разве что предварительно пройтись по исходникам(на этапе компиляции?) и вытянуть все вызовы $t в json заранее.

Градиентами:
Тень внутри сделайте тем же способом сами.)

document.activeElement

let arr = [5, 3, 8, 1];
function filterRangeInPlace(innerArr,val1,val2) {
  innerArr = innerArr.filter(el => (val1 <= el && el <= val2));  
}

filterRangeInPlace(arr, 1, 4); // удалены числа вне диапазона 1..4

alert( arr) ; // [3, 1]

Так должно быть понятнее.