Size: a a a

Nuxt.js | Vue SSR

2021 January 31

VS

Vlad 🦠 Starkovsky in Nuxt.js | Vue SSR
https://fume.app/
Зацените бекграунд (покликайте на шестигранники)
источник

EK

Eva Kruchinina in Nuxt.js | Vue SSR
Шикарно смотрится
источник

VS

Vlad 🦠 Starkovsky in Nuxt.js | Vue SSR
/report
источник

R

Rose in Nuxt.js | Vue SSR
Жалоба на пользователя Шекер отправлена админам.
источник

R

Rose in Nuxt.js | Vue SSR
Жалоба на пользователя отправлена админам.
источник

A

Aleksey R. in Nuxt.js | Vue SSR
Vlad 🦠 Starkovsky
https://fume.app/
Зацените бекграунд (покликайте на шестигранники)
ухты. а есть идеи как это сделано?
источник

VS

Vlad 🦠 Starkovsky in Nuxt.js | Vue SSR
Aleksey R.
ухты. а есть идеи как это сделано?
js + canvas
источник

A

Aleksey R. in Nuxt.js | Vue SSR
если щелкать на один и тот же шестиугольник, то узо не повторяется
источник

A

Aleksey R. in Nuxt.js | Vue SSR
топ
источник

DM

Desmond Miles in Nuxt.js | Vue SSR
Всем привет, что api ( express ) должен возвращать для @nuxtjs/auth-next у роутов login, logout, user
источник

DM

Desmond Miles in Nuxt.js | Vue SSR
nuxt.config.json
источник

EV

Evgeny V in Nuxt.js | Vue SSR
Стрелочную функцию убери, используй обычную, тогда все заработает, контекст теряется.
И зачем использовать async await и .then вместе? От недопонимания?
источник

DM

Desmond Miles in Nuxt.js | Vue SSR
Также при попытке зайди на одну из страниц, сервер не дает ответа. Появилось после установки @nuxtjs/auth-next
источник

DM

Desmond Miles in Nuxt.js | Vue SSR
И выдает
источник

DM

Desmond Miles in Nuxt.js | Vue SSR
Выдает это, когда добавляю в auth (nuxt.config.json) стратегию local пустую
источник

NK

Nikolay Koshkarev in Nuxt.js | Vue SSR
Кто-нибудь сталкивался/озадачивался визуальным тестированием компонентов?
Чего бы хотелось: берем произвольный компонент рендерим его в браузере, делаем скриншот, сравниваем с эталоном.
Что удалось нагуглить: отлично работает со страницами. берем cypress, запускаем наш      nuxt, запускаем тесты, в тестах пишем что-то вроде
it(testName, () => {
     cy.visit('/my-page');
     cy.get('body').matchImageSnapshot();
  });

проблема тестирования страницы целиком в том, что как правило, страница получает кучу данных из api, может зависеть от пользователя и т.д...
Можно чуть сузить проблему создав тестовую страницу, на которую передавать в get параметрах тестируемый компонент:
<div class="test-page">
 <component :is="$route.query.component" />
</div>

если компоненту нужны пропсы, то можно передать их опять же get параметрами
но проблема мока остальных зависимостей ни куда не далась: запросы к api, vuex и т.д...
источник

BS

Bogdan Saliuk in Nuxt.js | Vue SSR
Nikolay Koshkarev
Кто-нибудь сталкивался/озадачивался визуальным тестированием компонентов?
Чего бы хотелось: берем произвольный компонент рендерим его в браузере, делаем скриншот, сравниваем с эталоном.
Что удалось нагуглить: отлично работает со страницами. берем cypress, запускаем наш      nuxt, запускаем тесты, в тестах пишем что-то вроде
it(testName, () => {
     cy.visit('/my-page');
     cy.get('body').matchImageSnapshot();
  });

проблема тестирования страницы целиком в том, что как правило, страница получает кучу данных из api, может зависеть от пользователя и т.д...
Можно чуть сузить проблему создав тестовую страницу, на которую передавать в get параметрах тестируемый компонент:
<div class="test-page">
 <component :is="$route.query.component" />
</div>

если компоненту нужны пропсы, то можно передать их опять же get параметрами
но проблема мока остальных зависимостей ни куда не далась: запросы к api, vuex и т.д...
такое удобно делать в связке со сторибуком, например
источник

VM

Valar Morghulis in Nuxt.js | Vue SSR
Desmond Miles
nuxt.config.json
Ну очевидно, что в login должен присутствовать какой-нибудь токен, если авторизация по токену, конечно. А в user объект с твоим юзером из бэка
источник

DM

Desmond Miles in Nuxt.js | Vue SSR
Как реализовать комнаты ( socketio ) и взаимодействие  с nuxt?
источник

SS

Stanislav S in Nuxt.js | Vue SSR
Desmond Miles
Как реализовать комнаты ( socketio ) и взаимодействие  с nuxt?
Vue-socketio
источник