Офлайн-уведомление с nuxt / pwa

Question

В настоящее время я просматриваю варианты создания автономной индикации для проекта nuxt / pwa. С этого момента приложение работает совершенно в автономном режиме, но я хочу сделать небольшое уведомление, когда нет соединения, говорящее о чем-то простом, например, «вы сейчас не в сети». Я вижу, что есть несколько способов сделать это, например, записать прослушиватель событий непосредственно в макет по умолчанию, но мой вопрос в том, какой из них наиболее подходит и надежен для установки nuxt.

Answer 1

Я думаю, вам не нужно писать собственный слушатель событий, так как, похоже, об этом уже позаботился nuxt. Состояние сети, по-видимому, доступно через свойства $nuxt helper's isOnline и isOffline. Посмотрите этот пример:

https://nuxtjs.org/api/ $ nuxt /

Я еще не работал с этим, но я думаю, что это может быть то, что вы ищете.

Примечание. Обязательно скопируйте всю ссылку, поскольку stackoverflow обрезает ее при /$nuxt.