template шаблон. Главное не забыть, что подключать vue надо будет с приставкой -bundler если без сборки.
const allMainFiltersStore = useAllMainFiltersStore();
const { sortedAndFilteredData } = allMainFiltersStore;const allMainFiltersStore = useAllMainFiltersStore();
const sortedAndFilteredData = toRef(allMainFiltersStore, 'sortedAndFilteredData');:key="index" делать не рекомендуется, если у тебя есть id всегда предпочтительней использовать их: :key="product.id".
click который двинет твой слайдер от click который перейдёт на другую страницу через locatin.href = ....var whitelistSelectors = [
'.my-slider .next-button',
'.my-slider .prev-button',
]
document.addEventListener('click', function(event) {
if (event.target.closest(whitelistSelectors.join(','))) return;
event.preventDefault();
event.stopImmediatePropagation();
}, true);var blacklistSelectors = [
'a[href]',
'button:not(.my-slider .prev-button)',
'button:not(.my-slider .next-button)',
]
document.addEventListener('click', function(event) {
if (event.target.closest(blacklistSelectors.join(','))) {
event.preventDefault();
event.stopImmediatePropagation();
}
}, true);ну тогда еще capture: trueприглядись.:)
Моё мнение - первый вариант: весь код конкретного блока в одном месте, можно свернуть его и он не будет мешать.
Проблема с поиском - не проблема: все IDE умеют работасть с scss или из коробки или через плагины, всё находится в один клик.