почему flex: 0 0 auto; заставляет диф быть фиксированным а flex: 1 1 auto; растягивает соседний на макс

Переменные стилей нужно сделать доступными глобально во всех файлах компонентов, что не импортить файл с этими переменными в каждый компонент, а заимпортить его где-то один раз и все.

Но смотрю фича то нужная. Если для вебпака плагин такой запилить, то слава и популярность в кармане ))

Не знаю насчёт славы, но мне странно почему оно вообще так работает и не видит

а кто-нибудь знает, как подписаться на несколько мутаций?

чтобы получить стейт

а что за mapGetters?

А почему оно должно работать? SASS компилятор не в курсе, что он во Vue используется. Откуда ему знать что корневое, а что нет? Компилятору на вход подается содержимое тега style из Vue компонента, а там уже разработчик должен позаботиться о видимости файлов друг для друга.

но если я замапаю getters, я например не смогу подписываться на определенные мутации

и сделать что-нибудь, когда получу юзера

пример, есть джоба, есть юзеры, в джобе есть только ids юзеов

окай, это сработает, только тогда в динамическом гетере, мне придется вызывать функцию и в user и в job

пример, есть джоба, есть юзеры, в джобе есть только ids юзеов

Вебпак призван решать такие вещи

Если на li в v-for повесить анимацию через транзишин vue или с библиотеки анимейтед, то каждый новый ли будет добавляться с анимацией

только обязателно нужно key добавить каждой лишке

@Romshark asyncData нужна только для ssr, всё что она далжна делать это асинхронный action И вложеность компонент там предусмотрена вот таким механизмом для сервера: const matchedComponents = router.getMatchedComponents() await Promise.all(matchedComponents.map( async Component => { if (Component.asyncData) {await Component.asyncData({store})} } )) matchedComponents получает массив всех вложенных компонент, дадьше мы проходимся по массиву и дергаем асинхронные action каждого компонента (если он конечно есть) В Вашем случае, вы хотите изолировать данные компонента от сторы. Вся изоляция спокойно помещается в хук created. Изолированные данные в этом хуке поместятся в data компонента и будут работать как на сервере так и на клиенте. Вам не нужен asyncData. Другое дело в скорости. Как я бы сделал. Это просто мысли и их нужно реализовывать и смотреть на перфоманс. В хуке креатед я бы грузил только те данные, которые сходу может тыкнуть анон. В случае магазина, он должен получить первый листинг товаров, например первые 20 скю отсортированные как на надо. Дальше в этом же хуке я бы подгрузил по 20 товаров относительно фльтров. Типо самые популярные, самые дорогие, самые дешевые. И всё. Такую отдачу я бы оставил как для серверной части так и для клиентской. А дальше, учитывая что у вас по категории может быть, как вы писали больше 10 000 товаров, уже в хуке mounted (только для клиента) начал бы грузить все товары по категории. И грузил бы их в базу браузера, для удобства потом сортировки и выборки. И вот тут, если анон получив стандартную выдачу товаров, быстро прокрутит вниз до пагинации и нажмет цифру 2, чтобы получить следующую порцию товаров, а они у нас не подгружены я бы уже вываливал спиннер, до полной загрузки коллекции товаров в базу браузера. Может сумбурно, но как то так.

о, спасибо за детяльный разбор! а вот почему я из доки ничего про created не слыхал?

Через промис

Если кажеться, то есть довольно популярный описанный в анекдотах и фильмах совет

Нет, ты неправильно делаешь