Сергей delphinpro

.eyes {
  background-image: url(img/Icon/eye-opened.png);
}

.eyes-closed {
  background-image: url(img/Icon/eye-closed.png);
}

$(document).ready(function() {
  $('.eyes').click(function() {
    $(this).toggleClass('eyes-closed');
  });
});

Могу предложить плохое, но решение (учитывая тег 1с-битрикс, думаю, что сойдет) - установить в data-атрибуте формы, либо в каком-нибудь скрытом инпуте, если шапку формы стандартными средствами делаете, код события для метрики. перед отправкой его сохранять, а в success делать ym(XXXXXX, 'reachGoal', savedTarget)

бред конечно. если вас устраивает - норм, но я бы валил.

Вместо computed свойства сделайте фильтр:

filters: {
  price: val => val.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1 ").replace('.', ','),
},

Соответственно, в шаблоне будет:

td {{ product.price | price }}

UPD. Кстати, раз уж вы выводите цены - можно вместо плясок с регулярными выражениями форматировать значение средствами функции toLocaleString, она умеет работать с деньгами, будет как-то так:

price: val => val.toLocaleString('ru', {
  style: 'currency',
  currency: 'RUB',
}),

Но что будет, если злоумышленник также украдет refresh token?

Не украдёт. JWT может быть не-httpOnly, чтобы его мог читать фронтенд. Следовательно, JWT можно украсть через XSS-дырку. refresh token должен быть всегда httpOnly и читать его может только сервер.

Второй уровень защиты — JWT ставится на .example.com, в то время как refresh токен ставится только на auth.example.com. Таким образом, даже если любой из твоих сервисов (кроме сервиса авторизации) будет скомпрометирован, refresh токен останется защищённым, т.к. не будет доступен никому кроме сервиса авторизации.

Да, это всё подразумевает, что как минимум refresh-токен нужно хранить защищённым от XSS, то есть точно не в localStorage, а в куках или чём-то подобном.

SVG и только SVG.

Ну, можно, конечно, делать всякие абсолютно позиционированные прозрачные блоки на HTML, но там это сложнее позиционировать в силу отсутствия viewBox, как у SVG.

Кроме того, блоки на HTML не могут иметь произвольную форму, а только прямоугольную (clip-path не в счёт, с ним ещё сложнее будет реализовать), что вызовет проблемы при совмещении нескольких объектов произвольной формы вместе. Точнее, будет проблема с зоной взаимодействия этих объектов при наведении мышки из-за наложения прямоугольников.

Все такие интерактивные карты делают с помощью SVG, что как бы намекает.

https://medium.com/@mattcroak718/creating-an-inter...

Я делал такую карту с помощью Boxy SVG:
https://boxy-svg.com

Можно делать в Inkscape, там тоже есть режим просмотр кода разметки.

Добавить вторым параметром в функцию counter() decimal-leading-zero
В спецификации написано про параметр list-style-type https://www.w3.org/TR/CSS2/syndata.html#counter

https://codepen.io/maddesigns/pen/JGQejg
Ответ легко гуглится запросом css counter leading zero

Не стоит, а обязательно. Иначе вы потом рехнетесь. Заодно и неймспейсы изучите

Без SVG, картинок и псевдоэлементов,
CSS only

Конечно нет. Ответы на тостере нужны для того, чтобы
1. Раскручивать тостер и другие проекты ТМ
2. Чтобы ответ можно было легко нагуглить впоследствии. А ответ в телеграм канале не гуглится.

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

$('.breadcrumb').children().last().text((i, text) => text);

или

document.querySelector('.breadcrumb').lastElementChild.innerText += '';

А зачем вам открывать/закрывать? Один раз пропишите вначале и в конце