SL
Или лучше так: как достать контекст из лейаута?
Size: a a a
2020 July 27
SL
А фетч в лейауте заработал?
На словах поддерживается, по факту нет :(
D
На словах поддерживается, по факту нет :(
хз что именно ты делаешь но у меня что-то работает. Рендерит
[ "isStatic", "isDev", "isHMR", "app", "payload", "error", "base", "env", "ssrContext", "redirect", "beforeNuxtRender", "route", "next", "_redirected", "_errored", "params", "query", "$config" ]SL
Хм, так там теперь нужно не объект возвращать а прямо контекст патчить?
D
Хм, так там теперь нужно не объект возвращать а прямо контекст патчить?
верно, все работает только через this
SL
верно, все работает только через this
Хм, да, так ок
SL
верно, все работает только через this
++
N
Choice! DreaMinder got +1 from staslashmanov. 12 karma in total.
SL
У меня получилось завести предиктивный рендеринг адаптивки в наксте
SL
В этот раз без утечек памяти :)
SL
SL
Вот так в лейауте например задаю что рендерить нужно для мобилки
async fetch() {
if (this.$nuxt.context.req) {
const { default: uaparser } = await import('ua-parser-js');
const { device } = uaparser(this.$nuxt.context.req.headers['user-agent']);
this.fallback = device.type === 'mobile' ? 'mobile' : null;
}
},SL
Уапарсер грузится динамически чтобы в прод не попал бандл
D
N
Nice! staslashmanov got +1 from DreaMinder. 10 karma in total.
SL
Конкретно в наксте с реактивностью ещё какие-то приколы возникают, так что пока не продакшен-реди решение
D
т.е. мобайл определяется по max-width и это как-то подвязано к UA? не думал что это возможно, позже чекну, может не раздуплился
SL
Конкретно в наксте с реактивностью ещё какие-то приколы возникают, так что пока не продакшен-реди решение
Вру, это всё проделки npm link, реактивность работает везде
SL
т.е. мобайл определяется по max-width и это как-то подвязано к UA? не думал что это возможно, позже чекну, может не раздуплился
Не совсем. Медиа квери выполняются только на клиенте, но можно передать проп fallback где указать какие из медиа кверь нужно выставить в true
SL
Собственно этот фолбек приходит из фетча который гоняется только на сервере так как только там есть req