In Nuxt2 there were connection checkers
https://nuxtjs.org/docs/concepts/context-helpers/#connection-checker
You could do the following this.$nuxt.isOffline
Is there a way to do this with Nuxt3?
I tried looking at useNuxt() to see of there was some info in there but do not see anything.
My question was also asked on Github discussions: https://github.com/nuxt/framework/discussions/4996
Vue's ecosystem is more used with Composition API approach in mind nowadays, hence everything is a bit more decoupled overall.
VueUse's useOnline is de-facto the best approach overall.
Install it with yarn add @vueuse/core and you'll be able to use it right off
<script setup>
import { useOnline } from '@vueuse/core'
const online = useOnline()
</script>
<template>
<p>Is my website online? {{ online }}</p>
</template>
Using Chrome, you can emulate an offline connection and see that the Boolean properly switches to false.
Credits to manniL on Discord as a reminder for that one, I totally forgot about useOnline().