Warning Используй node v16

DEMO LINK

Необязательно пытаться выполнить задание, используя только Vuetify и CLI. Вы вольны использовать любые плагины и решения, и даже заменять уже готовый код. Мы хотим понять, как Вы подходите к решению задач и пишете код, насколько хорошо разбираетесь в базовых принципах языка. Будьте готовы к обсуждению решений на собеседовании.

Выполненное задание необходимо разместить в git и предоставить ссылку. 

1. Необходимо разделить содержимое компонента ContentBlock на отдельные компоненты для фильтров и списка пользователей (допускается использование своей вёрстки).
2. Добавить в структуру данных списка пользователей users недостающие для фильтрации параметры, и предусмотреть возможность его динамической загрузки из внешнего .json API
3. Реализовать фильтрацию универсально, используя Vuex (или другое хранилище состояний) так, что бы состояние фильтров было доступно другим компонентам.
4. (опционально) Добавить визуальное обозначение процесса фильтрации (preloader).
5. Добавить в структуру данных пользователя информацию об адресе проживания и выводить её при клике на портрет.
6. (опционально) Сопроводить процесс фильтрации "интересным" визуальным переходом (transitions).

npm install

npm run serve