jeruthadam

nano.sapegin.ru/all/deploy

Выполните команду fuser -k 3090/tcp это прибьет приложение которое использует Ваш порт.

Нет, проблема в браузере.
При запросе на один путь (точный), браузер отправит только 1 запрос из множества.
Решение - использовать параметр get, mysute.love?random=unic_key, где unic_key - случайная комбинация символов. Например
mysute.love?random=23546vbn
mysute.love?random=dfshgsr
....
Тогда браузер отправит множество запросов на 1 рут

несколько вкладок - это не несколько юзеров, а один.

Из БД - удобнее.
Из файловой системы - дико быстро.

Если нагрузка небольшая, если ресурсов хватает - берите из БД.
Если проблемы с нагрузкой - берите из файла.

Попробуйте это: https://github.com/jaredpalmer/backpack

Файлом дешевле как по мне. Плюс кеширование включить.

full необязательный параметр, если full = true, функция вернёт true, только когда элемент полностью виден.

function elemInViewport(elem,full) {
    var box = elem.getBoundingClientRect();
    var top = box.top;
    var left = box.left;
    var bottom = box.bottom;
    var right  = box.right;
    var width = document.documentElement.clientWidth;
    var height = document.documentElement.clientHeight;
    var maxWidth = 0;
    var maxHeight = 0;
    if(full) { maxWidth = right - left; maxHeight = bottom - top};
    return Math.min(height,bottom)- Math.max(0,top) >= maxHeight && Math.min(width,right)- Math.max(0,left)>= maxWidth
}

typescript, и плюшки языка, и сразу типизация

Есть экспериментальная технология https://developer.mozilla.org/ru/docs/Web/API/Inte...
пример работы - https://codepen.io/callahad/pen/YxXpyN , но с поддержкой пока плохо работает в хром.

Либо же высчитывать позиционирование элемента какой-нибудь универсальной функцией типа:

getCoord = function (elem)
    {
        var box = elem.getBoundingClientRect();
        var body = document.body;
        var docEl = document.documentElement;
        
        var scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop;
        var scrollLeft = window.pageXOffset || docEl.scrollLeft || body.scrollLeft;
        
        var clientTop = docEl.clientTop || body.clientTop || 0;
        var clientLeft = docEl.clientLeft || body.clientLeft || 0;
        
        var top  = box.top +  scrollTop - clientTop;
        var left = box.left + scrollLeft - clientLeft;
        
        return { top: Math.round(top), left: Math.round(left) };

    };

ну и путем сравнения с видимой областью узнать виден элемент или нет.

Ты использушь относительные пути, и по ходу в момент выполнения команды находишься бог весть где
Зайди в папку sites-enabled и уже внутри выполни команду
sudo ln -s ../sites-available/deploy.vue ./deploy.vue

"api": "PORT=7777 nodemon api/server.js"

document.querySelector(".test").width;
document.getElementsByClassName("test")[0].width;
document.querySelectorAll(".test")[0].width;

Вам бы про контекст наложения почитать, станет понятнее, как работает z-index.

А что конкретно можно сделать с вашим окном... можно поднять его выше в DOM-дереве, поставьте .modal-overlay на один уровень с .content, например (правда, после этого центрирование кнопки отваливается, но уверен, поправить не проблема).

Ошибка логическая: вы пытаетесь получить разницу ширин после того как запрещаете overflow:

document.documentElement.style.overflow = 'hidden'
document.documentElement.style.paddingRight = scrollSize()

Т.к. ширина скроллбара постоянная, то можно сохранить её в переменную и потом использовать это значение:

const scrollSize = window.innerWidth - document.documentElement.clientWidth;

if (!this.isActive) {
	document.documentElement.style.removeProperty('overflow')
	document.documentElement.style.removeProperty('padding-right')
	document.querySelector('.headroom').style.removeProperty('padding-right')
} if (this.isActive) {
	document.documentElement.style.overflow = 'hidden'
	document.documentElement.style.paddingRight = scrollSize
	document.querySelector('.headroom').style.paddingRight = scrollSize
}

prntscr.com/ga2ffk

Скорее всего у вас в вэбпаке алиас имеется типа вот такого:

alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src')
    }

соответственно, когда вы импорт делаете такого модуля, вебпак заменяет путь на путь из алиаса.
Решение - поменять алиас.

Есть конечно же такая возможность: jsfiddle

А как-же контекст?

created () {
     var _this=this
    function adBlockNotDetected() {
      console.log('AdBlock is not enabled')
      _this.status = 'AdBlock is not enabled'
    }
  }