нужно определять шаблоны страницы на сервере. Собственно, использование $ua решает эту задачу, но в темплейте куча данных обрабатывается в asyncData().
Вопрос: как в твоем решении можно обработать данные в asyncData() чтобы эти данные мог использовать компонент testPageMobile/testPageDesktop ? Если оформить asyncData как миксин и добавить в компонент testPageMobile, то там asyncData естественно не заработает...
Получается: нужно определять этот метод в родительском компоненте-роутере темплейтов, где указан <MatchMedia v-slot="{ mobile }">? И прокидывать данные asyncData через props в дочерний темплейт?
Тебе в таком случае нужно использовать provide\inject https://github.com/CyberAP/vue-component-media-queries#global-matching-with-provideinject
Вот блин, только сейчас узнал про provide\inject )) спасибо! решение рабочее
Обсуждают сегодня