feat: PrimeVue replaced by Nuxt UI using token files from web/src/theme, with AuthShell, DashboardShell, AppBoot and the route guards from routes.md

web/src/components/OfflineBanner.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { onMounted, onUnmounted, ref } from 'vue'
+
+const isOffline = ref(!navigator.onLine)
+
+function updateOnlineStatus() {
+	isOffline.value = !navigator.onLine
+}
+
+onMounted(() => {
+	window.addEventListener('online', updateOnlineStatus)
+	window.addEventListener('offline', updateOnlineStatus)
+})
+
+onUnmounted(() => {
+	window.removeEventListener('online', updateOnlineStatus)
+	window.removeEventListener('offline', updateOnlineStatus)
+})
+</script>
+
+<template>
+	<UBanner
+		v-if="isOffline"
+		color="neutral"
+		title="You're offline. You can keep writing, but saving and publishing will wait until you're back online."
+	/>
+</template>