Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 October 19

A

Assasin in Nuxt.js — русскоговорящее сообщество
в целом понятно, нужно что-то более умное, чем простой транслятор pug -> html, чтобы потом компилятор sfc адекватно его мог распарсить наравне с вручную написанным. А в этом более умном и может быть потеря перформанса
источник

A

Assasin in Nuxt.js — русскоговорящее сообщество
Спасибо
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Assasin
м, понял. Тогда нужен особый плагин, который преобразует if-ы pug-а во vue
По сути не нужен если можно получить html
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
То есть если не использовать никакую интерполяцию и рантайм фишки пага то оно будет работать
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
И тогда оптимизации вью заработают
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
А если нет то я предполагаю что шаблон вообще не скомпилируется
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Так как паг скорее всего как зависимость в билд не попадёт
источник

DB

Denis Bondarenko in Nuxt.js — русскоговорящее сообщество
@staslashmanov, привет! Вопрос есть по твоей библиотеке:
в проекте на nuxt нужно определять шаблоны страницы на сервере. Собственно, использование $ua решает эту задачу, но в темплейте куча данных обрабатывается в asyncData().
Вопрос: как в твоем решении можно обработать данные в asyncData() чтобы эти данные мог использовать компонент testPageMobile/testPageDesktop ? Если оформить asyncData как миксин и добавить в компонент testPageMobile, то там asyncData естественно не заработает...

Получается: нужно определять этот метод в родительском компоненте-роутере темплейтов, где указан <MatchMedia v-slot="{ mobile }">? И прокидывать данные asyncData через props в дочерний темплейт?
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Denis Bondarenko
@staslashmanov, привет! Вопрос есть по твоей библиотеке:
в проекте на nuxt нужно определять шаблоны страницы на сервере. Собственно, использование $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
источник

DB

Denis Bondarenko in Nuxt.js — русскоговорящее сообщество
Вот блин, только сейчас узнал про provide\inject )) спасибо! решение рабочее
источник

SM

Sergey Mustafin in Nuxt.js — русскоговорящее сообщество
Друзья, подскажите кто по возможности пожалуйста может гайдик какой-нибудь, как развернуть Universal версию Nuxt'a на Linux, желательно Ubuntu. Спасибо.
источник

SM

Sergey Mustafin in Nuxt.js — русскоговорящее сообщество
Раньше выполняли на стадии разработки nuxt generate, но сейчас, когда нужны asyncData и прочие прелести непосредственно на этапе переноса на продакшн, не хватает знаний, выливается тонна ошибок, не работает роутинг и так далее.. Спасибо.
источник

А

Алим in Nuxt.js — русскоговорящее сообщество
npm build && npm start. вот и все. И оно работает в продакшене
источник

АБ

Алексей Дмитриевич Б... in Nuxt.js — русскоговорящее сообщество
Sergey Mustafin
Друзья, подскажите кто по возможности пожалуйста может гайдик какой-нибудь, как развернуть Universal версию Nuxt'a на Linux, желательно Ubuntu. Спасибо.
Как минимум 2 варианта:
0) в докере старт скрипт и если упало что бы контейнер поднимался
1) так же с докером или без через pm2
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Словил какой-то странный баг. В компонентах используются scoped стили. В случае SSR все ок, в случае клиентского перехода один из скоупов не навешивается и в результате часть стилей не применяется. Может кто-то сталкивался?
источник

АБ

Алексей Дмитриевич Б... in Nuxt.js — русскоговорящее сообщество
Maxim Kostenko
Словил какой-то странный баг. В компонентах используются scoped стили. В случае SSR все ок, в случае клиентского перехода один из скоупов не навешивается и в результате часть стилей не применяется. Может кто-то сталкивался?
Сталкивался в функциональных компонентах только с таким поведением
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Хм... сам компонент обычный, но скоуп действительно должен навеситься на фукнциональный
источник

АБ

Алексей Дмитриевич Б... in Nuxt.js — русскоговорящее сообщество
Maxim Kostenko
Хм... сам компонент обычный, но скоуп действительно должен навеситься на фукнциональный
Ну вот с функциональными есть ебанина, при хотрелоаде именно
источник

АБ

Алексей Дмитриевич Б... in Nuxt.js — русскоговорящее сообщество
И дев сборке
источник

АБ

Алексей Дмитриевич Б... in Nuxt.js — русскоговорящее сообщество
В проде вроде норм работало
источник