Vue 3 Online

Online.vue

<template>
	<div> {{ isOnline }} </div>
</template>

<script setup lang="ts">
	const navigator = window.navigator;
	const isOnline = ref(navigator.onLine);

	window.addEventListener('offline', () => {
		isOnline.value = false;
	});

	window.addEventListener('offline', () => {
		isOnline.value = true;
	});
</script>