penushkin

не знаю как еще подробнее описать, чем первая ссылка в гугле
У вас есть приложение которое работает на вашем сервере, при разработке локально на вашем компьютере и доступно обычно на каком то порту в случае с примером на 3000, static просто дает доступ напрямую к папке которую вы укажете через HTTP

если я правильно вас понял то

.item {
  white-space: nowrap;
}
.item:last-child:hover::before {
    right: 0;
}

проблема то не в @blur, как костыль можешь перед this.number.replace удалять все что что не цифра и не +, но вообще странно валидировать при @blur, я бы делал на изменение, ну или подшаманить регулярку, но в них я слаб =), но очень странная валидация

const scrollIntoViewWithOffset = (selector, offset) => {
  window.scrollTo({
    behavior: 'smooth',
    top:
      document.querySelector(selector).getBoundingClientRect().top -
      document.body.getBoundingClientRect().top -
      offset,
  })
}

как вариант - использовать store для управления модалками